HTML no es un
lenguaje de programación; es un lenguaje de
marcado que define la estructura de tu contenido. HTML consiste en una serie de elementos que
usarás para encerrar diferentes partes del contenido para que se vean o
comporten de una determinada manera. Las etiquetas de encierre pueden hacer de
una palabra o una imagen un hipervínculo a otro sitio, se pueden cambiar
palabras a cursiva, agrandar o achicar la letra, etc. Por ejemplo, toma la
siguiente línea de contenido:
Mi gato es muy gruñonSi quieres
especificar que se trata de un párrafo, podrías encerrar el texto con la
etiqueta de párrafo (<p>):
<p>Mi gato es muy gruñon</p>Explora este párrafo en mayor profundidad.
PARTES PRINCIPALES DE HTML
1. La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p), encerrado por paréntesis angulares (< >) de apertura y cierre. Establece dónde comienza o empieza a tener efecto el elemento en este caso, dónde es el comienzo del párrafo
2. La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el elemento —en este caso dónde termina el párrafo—.
3. El contenido: este es el contenido del elemento, que en este caso es sólo texto.
4. El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido equivale al elemento.
Los elementos pueden también tener atributos, que se ven así:
Los atributos contienen información adicional acerca del elemento, la cual no quieres que aparezca en el contenido real del elemento. Aquí class es el nombre del atributo y editor-note el valor del atributo. En este caso, el atributo class permite darle al elemento un nombre identificativo, que se puede utilizar luego para apuntarle al elemento información de estilo y demás cosas.
Un atributo debe tener siempre:
- Un espacio entre este y el nombre del elemento (o del atributo previo, si el elemento ya posee uno o más atributos).
- El nombre del atributo, seguido por un signo de igual (=).
- Comillas de apertura y de cierre, encerrando el valor del atributo.
ELEMENTOS INDIVIDUALES DE HTML
Anidar elementos
Puedes también colocar elementos dentro de otros elementos, esto se llama anidamiento.Si, por ejemplo, quieres resaltar una palabra del texto , podemos encerrarla en un elemento <strong>, que significa que dicha palabra se debe enfatizar:
Elementos vacíos
Anatomía de un documento HTML
Los anteriores eran elementos basicos individuales de HTML, pero estos son inutiles solos, lo siguientes es la union de estos para formar una pagina completa de HTML.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mi pagina de prueba</title>
</head>
<body>
<img src="images/firefox-icon.png" alt="Mi imagen de prueba">
</body>
</html>
No hay comentarios:
Publicar un comentario