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>.

Entradas relacionadas: