sábado, 4 de febrero de 2017

HTML: conceptos básicos

HTML se usa sólo para definir la estructura y el contenido o información de una página web.
Para la presentación visual usamos CSS (Cascading Style Sheets), algo que veremos en futuras entradas.
HTML está formado por etiquetas, que se escriben entre corchetes angulares:
<etiqueta>
 Actualmente, HTML5, cuenta con más de 100 etiquetas.

El componente básico de una página web es el elemento. Las páginas web están formadas por un conjunto de elementos escritos en un orden concreto.

Los elementos se componen de una etiqueta inicial o de apertura y una etiqueta final o de cierre, la cual se define con una / y el nombre de la etiqueta inicial.

La etiqueta inicial puede tener atributos, pero la etiqueta final no.
Los atributos pueden llevar un valor. 
Las etiquetas pueden tener contenido, que es todo lo que se escribe entre la etiqueta inicial o final.
Dicho contenido puede llevar otras etiquetas HTML.

Los elementos pueden anidarse (ponerse unos dentro de otros), pero respetando ciertas reglas.

A continuación se presentan las etiquetas esenciales de HTML:
  • <html> es la etiqueta principal y sólo puede existir una. Toda la página web debe ir entre la etiqueta inicial y final de <html>.
  • <head> define la primera parte de una página web (la cabecera). Normalmente la cabecera no aparece representada en la página web, sino que se emplea para definir los metadatos, información sobre la página o instrucciones sobre cómo procesar la página web.
  • <title> etiqueta que va dentro de la etiqueta <head>. Es obligatoria, sólo puede haber una, y se emplea para definir el título de una página.
  • <body> define la segunda parte de una página web (el cuerpo). Esto sí aparece representado en una página web cuando se visualiza en un navegador web.
  • <h1>, ..., <h6> definen los encabezados o títulos. Existen 6 niveles de importancia, siendo <h1> el más importante y <h6> el menos importante. Normalmente solo se usan los niveles del 1 al 3.
  • <p> define párrafos de texto
  • <strong> se usa para destacar un texto. El navegador lo muestra como texto en negrita.
  • <em> se usa para definir un texto enfatizado. El navegador lo muestra como texto en cursiva

No hay comentarios:

Publicar un comentario