HTML - Etiquetas

  »   HTML  »   Tutorial HTML - Etiquetas

Un navegador lee absolutamente todo lo que escribes en el documento HTML. Como dije antes, las etiquetas tienen tres partes, la abertura, el contenido y el cierre.

Como ya aprenderás existen cientos de etiquetas. Absolutamente todos los elementos que serán mostrados por el navegador necesitan una etiqueta o dos.

html<openingtag>Contenido</closingtag>
<p>Párrafo</p>

Las etiquetas están escritas en letras pequeñas. Este es el estándar en XHTML, y en HTML dinámico.

Abajo hay algunos ejemplos sobre etiquetas en HTML:
html<body> actúa como una cápsula del contenido.
	<h2>Título (encabezado)<h2>
	<p>Párrafo</p>
	
	<i>cursiva</i>
	<b>negrita</b>
</body>

Excepciones - etiquetas que no requieran una etiqueta de cierre

Hay algunas etiquetas que no cumplen con el modelo mostrado encima. La razón es que, de hecho, estas etiquetas no tienen contenido. Debido a esto usaremos una manera distinta para escribir estas etiquetas.

El ejemplo más simple es el "salto de linea" (linebreak)
html<br/>

Esta etiqueta combina las dos etiquetas, abertura y cierre en un forma mucho mas eficiente de usar. El salto de línea se utiliza para indicarle al navegador que queremos estar una línea más abajo, sin cerrar el párrafo.

Siguiendo este ejemplo, otras etiquetas han sido modificadas para escribir códigos HTML de una manera rápida y sencilla.

html<img src="../img/image.jpg" /> -- Etiqueta de imagen --

<br /> -- Etiqueta de salto de línea --

<input type="text" size="12" /> -- Campo de entrada --

Como puedes ver el navegador es capaz de reproducir la imagen, siempre y cuando le proporcionemos la ubicación de la misma, usando el atributo "src". Más sobre esto en el atributo ser y imágenes en general, en los siguientes tutoriales.