¿Qué es HTML?
HTML, que significa HyperText Markup
Language (‘lenguaje de marcado de
hipertexto’), hace referencia al lenguaje de
marcado para la elaboración de páginas web.
Es un estándar que sirve de referencia del
software que conecta con la elaboración de
páginas web en sus diferentes versiones,
define una estructura básica y un código
¿Qué es una etiqueta HTML?
HTML es un markup language, lo que significa que
está escrito con códigos que puede leer una persona sin
que sea necesario compilarlo primero. En otras
palabras, el texto en una página web está «marcado»
con estos códigos para dar instrucciones al navegador
web sobre cómo mostrar el texto. Estas etiquetas de
marcado son las propias etiquetas HTML.
Tipos de etiquetas en HTML
•<body> para el contenido
•<head> para información sobre el documento
•<div> división dentro del contenido
•<a> para enlaces
•<strong> para poner el texto en negrita
•<br> para saltos de línea
•<H1>…<H6> para títulos dentro del contenido
•<img> para añadir imágenes al documento
•<ol> para listas ordenadas, <ul> para listas desordenadas, <li> para
elementos dentro de la lista
•<p> para parágrafos
Estructura general de HTML
Normalmente las etiquetas se componen de una etiqueta de
apertura (entre los signos <>), una etiqueta de cierre (entre los
signos </>) y un contenido. El contenido puede ser texto u otras
etiquetas. Aunque existen algunas etiquetas que no tienen ni contenido
ni etiqueta de cierre, son una excepción. La sintaxis sería la siguiente:
<etiqueta1>
contenido etiqueta1
</etiqueta1>
<!DOCTYPE HTML>
Pues bien, la primera etiqueta que
colocaremos en todo documento HTML es
<!DOCTYPE html>. No tiene ni contenido
ni etiqueta de cierre, simplemente indica al
navegador que el documento es de tipo
HTML5
<HTML>
Justo después de esta irá la etiqueta <html>.
Esta segunda etiqueta sí que tiene etiqueta de
cierre (</html>) y englobará todo el contenido de
la página.
<BODY> Y <HEAD>
Dentro de las etiquetas <html> y
</html>, colocaremos las etiquetas
<body> y <head> de la siguiente
manera:
<!DOCTYPE html>
<html>
<head> </head>
<body> </body>
</html>