Fundamentos de HTML: Estructura, Etiquetas y Atributos Básicos
Clasificado en Informática
Escrito el en 
español con un tamaño de 3,6 KB
Estructura Básica de un Documento HTML
- Se empieza siempre con la etiqueta <html>, la cual hay que cerrar siempre al final del documento con </html>.
- Con la etiqueta <title> definimos el título de la pestaña.
- Todo el texto, las imágenes y el formato visibles al usuario deben encontrarse entre las etiquetas <body>...</body>. Esta etiqueta tiene los siguientes atributos:
- Bgcolor: define el color de fondo de la página.
- Text: define el color del texto de la página.
- Link: define el color de los vínculos en la página.
- Alink: define el color del vínculo actual o activado en la página.
- Vlink: define el color del vínculo ya visitado.
- Background: define el archivo gráfico que será desplegado como fondo.
Colores en HTML
#FFFFFF Blanco | #000000 Negro
#FF0000 Rojo | #00FF00 Verde
#0000FF Azul | #FF00FF Magenta
#FFFF00 Amarillo
Formato de Texto
Para poner acentos debemos utilizar ´. Para colocar el acento debemos combinar la letra con el código anterior. Ejemplo: ó = ó.
- Etiqueta <br>: Salto de línea.
- Etiqueta <hr>: Regla horizontal. Tiene los siguientes atributos:
- ALIGN: establece que la regla se alinee a la izquierda, centro o derecha (LEFT, CENTER o RIGHT).
- NOSHADE: quita el sombreado predeterminado de la regla.
- WIDTH: permite especificar el ancho de la regla (en píxeles o porcentaje).
- SIZE: permite especificar el alto de la regla (en píxeles).
Encabezados
Para los encabezados se utiliza la etiqueta <h1>, <h2>...</h1>, </h2>. La etiqueta tiene el siguiente atributo:
- ALIGN: permite ubicar el encabezamiento a la izquierda, centro o derecha de la pantalla (LEFT, CENTER, RIGHT).
También se puede utilizar la etiqueta <big>...</big> para aumentar el tamaño del texto.
Ubicación, Formato y Atributos de Texto
- <center>...</center>: se utiliza para centrar el texto, imagen o datos que se encuentren entre la apertura y el cierre.
- <b>...</b>: negrita.
- <u>...</u>: subrayado.
- <i>...</i>: inclinada (cursiva).
- <strike>...</strike>: tachado.
- <font>...</font>: personalizar texto:
- Color: determina el color que se aplica al texto.
- Size: determina el tamaño relativo del texto. Los tamaños válidos son del 1 al 7.
- Face: asigna una fuente o tipo de letra.
Imágenes
Se utiliza la etiqueta <img> para introducir una imagen. El formato básico para incluir un gráfico es: <img src=”imagen.ext”>.
- Height: para redimensionamiento de gráfico (en píxeles o en porcentaje).
- Width: para redimensionamiento de gráfico (en píxeles o en porcentaje).
- ALIGN: puede ser: TOP, MIDDLE, BOTTOM, LEFT y RIGHT.