Hoy en día, con el crecimiento explosivo de Internet, las tecnologías web se utilizan cada vez más, en particular HTML y navegadores web estándar. HTML (HyperText Markup Language) es un lenguaje de marcado de hipertexto. Este formato determina la apariencia del documento, la disposición mutua del texto, la información gráfica y multimedia. Las campañas se dedican a la creación de sitios, por mucho dinero. Pero con la ayuda de "etiquetas html" puedes crear un sitio web bastante interesante con tus propias manos.
Es necesario
- - navegador;
- - editor de texto.
Instrucciones
Paso 1
El formato de archivo HTML es bastante simple. La composición y modificación del archivo se realiza mediante cualquier editor de texto. Se utiliza un navegador web para ver los resultados. La principal ventaja de los documentos HTML es su capacidad para hacer referencias cruzadas entre sí. Las referencias cruzadas lo ayudan a consultar rápidamente un documento con información adicional sobre un tema de interés y luego continuar trabajando con el texto fuente. Cualquier documento escrito en lenguaje HTML consta del contenido de la página, es decir, texto y caracteres de control: etiquetas. Todas las etiquetas HTML deben incluirse entre corchetes angulares. Normalmente, se utilizan una etiqueta de inicio y una etiqueta de finalización. La etiqueta final se diferencia de la etiqueta inicial por la presencia de una barra.
Paso 2
Para comenzar a crear un sitio, vaya a un editor de texto (bloc de notas).
Luego ingrese las etiquetas:
HTML - / HTML - la primera y la última etiqueta de cualquier documento HTML.
HEAD - / HEAD - inicio y final del encabezado del documento.
TITLE - / TITLE - establece el título del documento (título de la ventana del navegador).
BODY - / BODY: el principio y el final del cuerpo del documento HTML, que define el contenido del documento.
Paso 3
A continuación, debe modificar el estilo del texto. Esto requiere las siguientes etiquetas:
Hx - / Hx - (x es un número del 1 al 6) describe los títulos en seis niveles diferentes. El título del primer nivel es el más grande, el sexto nivel es el más pequeño.
P - / P - describe un párrafo (la etiqueta / P puede estar ausente).
ALIGN es un parámetro que determina la alineación del párrafo:
ALIGN = CENTER - alineación central;
ALINEAR = DERECHA - alineación derecha;
ALINEAR = IZQUIERDA - alineación izquierda.
BR: pasa a una nueva línea sin romper un párrafo.
B - / B - muestra el texto en negrita.
I - / I - muestra el texto en cursiva.
U - / U - texto subrayado.
STRIKE - / STRIKE - texto tachado.
BLOCKQUOTE - / BLOCKQUOTE - muestra cotizaciones.
SUB - / SUB - muestra subíndices.
SUP - / SUP - visualización de superíndices.
TT - / TT - use una fuente con un ancho de carácter fijo.
GRANDE - / GRANDE - aumenta el tamaño de la fuente actual.
PEQUEÑO - / PEQUEÑO - reduce el tamaño de la fuente actual.
TAMAÑO DE LA BASE = n - (n es un número del 1 al 7) - el valor base del tamaño de fuente.
TAMAÑO DE FUENTE = + / - n - / FUENTE - cambia el tamaño de fuente.
COLOR DE FUENTE = # xxxxxx - FUENTE - configuración del color de fuente: Aqua - ola de mar; Negro Negro; etc.
CUERPO: cambia el color de fondo.
HR - línea horizontal, esta etiqueta puede usar atributos:
COLOR - color de la línea;
TAMAÑO: ancho de línea en píxeles;
ANCHO: ancho de línea en píxeles o como porcentaje del ancho de la ventana;
ALINEAR - alineación de línea;
NOSHADE - pintura sin sombra;
SOMBRA - dibujo con sombra.
Paso 4
Si necesita insertar alguna lista en su sitio, debe ingresar etiquetas:
UL - / UL - lista desordenada (enumeración, sin pedido):
LI - definición de un elemento de lista;
TYPE es un parámetro que define un marcador de lista:
TIPO = CÍRCULO: se utiliza un círculo como marcador;
TIPO = DISCO - el punto se usa como marcador;
TIPO + CUADRADO: se utiliza un cuadrado como marcador.
OL - / OL - lista numerada:
TYPE es un parámetro que especifica el tipo de lista:
TIPO = A - se utilizarán letras latinas mayúsculas como números de lista;
TYPE = a - se utilizarán letras latinas minúsculas como enumeradores de lista;
TIPO = I: se utilizarán números romanos grandes como números de lista;
TYPE = i - se utilizarán números romanos pequeños como números de lista;
START es un parámetro que define el número inicial de la lista.
DL - / DL - lista con explicaciones:
DT: designación de un elemento de la lista;
DD es una explicación de un elemento de la lista.
Paso 5
Para que su sitio no se limite a una página, cree varias. Para navegar, necesita hipervínculos, que están definidos por las siguientes etiquetas:
A HREF = URL - / A - inserta un enlace en el documento (entre etiquetas, debe ingresar el texto del enlace).
HREF: dirección de una página o recurso;
URL - dirección de recurso uniforme: servis: // servidor [: puerto] [/ruta]:
servicio: el nombre del protocolo (HTTP: acceso a un documento HTML, solicitud FTP de un archivo desde un servidor FTP, acceso a ARCHIVO
archivo en la máquina local);
servidor: especifica el nombre del recurso;
puerto: número de puerto en el que se ejecuta el servidor web;
ruta es el directorio donde se encuentra el recurso.
A HREF = # nombre del marcador - / A - inserta un enlace local (entre etiquetas, debes ingresar el texto del enlace).
A NAME = nombre del marcador - / A - establece el marcador al que se creará el enlace.
Paso 6
Para que el sitio no sea aburrido, es necesario el diseño gráfico. Para hacer esto, use las etiquetas:
BODY BACKGRAOUND = "file_name": establece la imagen utilizada como fondo.
IMG SRC = "file_name" - inserta un archivo gráfico en un documento HTML, esta etiqueta usa los parámetros:
ALT = "cadena de texto": define una cadena de texto que se muestra en lugar de una imagen gráfica si el navegador ha desactivado la capacidad de cargar gráficos automáticamente;
ALTO, ANCHO: alto y ancho de la imagen en píxeles;
HPACE, VSPACE: el ancho del espacio libre que separa el gráfico del texto horizontal y verticalmente;
ALINEAR: alineación del texto en relación con los gráficos.
Paso 7
Y lo último que debe hacer es guardar el archivo de texto en formato *.html y luego ejecutarlo usando su navegador. El sitio está listo.
