jueves, 23 de febrero de 2017

Entonces, ¿Cómo funciona HTML?

Tutorial de HTML y principalmente su version 5

Entonces, cómo funciona HTML?


Etiquetas HTML

Las etiquetas HTML son los nombres de los elementos y están entre corchetes angulares:

<nombredeetiqueta>el contenido va aqui...</nombredeetiqueta>

  • Las etiquetas HTML normalmente vienen en pares, como <p> and </p>
  • La primera etiqueta de un par es la etiqueta de inicio, la segunda etiqueta es la etiqueta de final
  • La etiqueta de final se escribe como la etiqueta de inicio, pero con una una barra diagonal insertada antes del nombre de la etiqueta.

Consejo: a la etiqueta de inicio también se le llama etiqueta de apertura, y a la de final etiquete de cierre.

Los elementos HTML

Un element HTML generalmente consiste de una etiqueta de inicio y una etiqueta de final, con el contenido colocado en medio de ellas:

<nombredeetiqueta>El contenido va aquí...</nombredeetiqueta>

El elemento HTML es todo lo anterior, desde la etiqueta de inicio hasta la etiqueta de final inclusive:

<p>Mi primer párrafo.</p>

Etiqueta de inicio Contenido del elemento Etiqueta de final
<h1> Mi Primer Encabezado </h1>
<p> Mi primer parrafo. </p>
<br>

A los elementos HTML que no tienen un contenido se les llama “elementos vacios”. Los elementos vacios no tienen una etiqueta de final, tal como el elemento <br> (el cual indica que se desea un salto de línea).

La estructura de una pagina HTML

Abajo hay una visualización de la estructura de una página HTML:

<html>
<head>
<title>titulo de pagina</title>
</head>
<body>
<h1>este es un encabezado</h1>
<p>este es un párrafo.</p>
<p>este es otro párrafo.</p>
</body>
</html>

Observacion: solo el contenido dentro de la sección <body> se muestra en un navegador. (las áreas celestes en el ejemplo de arriba)

No hay comentarios.:

Publicar un comentario