Fundamentos de HTML: Estructura y Etiquetas Básicas para Desarrollo Web
Enviado por Chuletator online y clasificado en Informática y Telecomunicaciones
Escrito el en
español con un tamaño de 2,68 KB
Sintaxis de HTML
La sintaxis de HTML se basa en elementos llamados etiquetas, las cuales presentan frecuentemente dos partes:
- Apertura:
<etiqueta> - Cierre:
</etiqueta>
Ejemplo: <b>Bienvenidos al 3er lapso</b>. Se utiliza para párrafos, por ejemplo: <p>Párrafo 1</p>.
Partes de un documento HTML
Un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento podemos distinguir dos partes principales:
- Encabezado (
<head>y</head>): Donde colocaremos etiquetas de índole informativo, como el título de nuestra página. Estos datos no aparecen en el cuerpo visible de la página, pero son importantes para catalogar el título, palabras clave, etc. - Cuerpo (
<body>y</body>): Será donde colocaremos nuestro texto o imágenes.
Nota: Las mayúsculas o minúsculas se pueden utilizar indiferentemente.
<html>
<head><title>Mi primera página web</title></head>
<body>
<p><b>Introducción a HTML</b></p>
<p>Presentación elemental de una página</p>
</body>
</html>Formato y Estructura
Es posible incluir viñetas, numeraciones o cambiar el estilo de las letras (negritas, etc.). La etiqueta <br> se utiliza para realizar un salto de línea.
Alineación del texto
Los párrafos delimitados con la etiqueta <p> pueden ser justificados a la izquierda, centro o derecha por medio del atributo align. Un atributo es un parámetro incluido en el interior de una etiqueta que ayuda a definir su funcionamiento.
<p align="left">: Texto alineado a la izquierda.<p align="center">: Texto centrado.<p align="right">: Texto alineado a la derecha.
Uso de la etiqueta <div>
La etiqueta <div></div> por sí sola no altera el diseño, pero al ser acompañada del atributo align, permite alinear bloques de elementos, texto o imágenes.
Encabezados
Existen etiquetas para definir párrafos especiales con formato de título, conocidos como encabezados. Hay varios tipos que se diferencian por el tamaño de la letra, desde <h1> hasta <h6>.