La estructura básica de una página web con HTML5 es:
<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
</head>
<body>
Contenido de la página
<!-- Comentarios -->
</body>
</html>
Para declarar una página HTML5 se debe declarar antes de abrir la etiqueta HTML la etiqueta:
<!DOCTYPE html>
Dentro de la etiqueta HTML se declaran dos etiquetas muy importantes que son HEAD y BODY
Etiqueta HEAD
Dentro de esta van una serie de Tags y Metatags que permiten:- Definir el título de la página (Dentro de la etiqueta TITLE)
- Colocar las diversas propiedades mediante Metatags
- Colocar las rutas de archivos CSS y JS
- Colocar estilos de CSS mediante la etiqueta STYLE
Etiqueta BODY
Dentro de esta etiqueta va todo el contenido visible de la página desde el navegador, este contiene prácticamente a la mayoría de etiquetas en que se observa:- Texto
- Formularios
- Contenedores de mapas, video
- Imágenes
- Etc.
Etiquetas y atributos
Las etiquetas son todos los elementos HTML que van entre corchetes angulares (< y >) estas se pueden clasificar en dos tipos:- Etiquetas de bloque, también, llamadas en pares que requiere que la etiqueta se abra y se cierre como: <body> (se abre), </body> (se cierra). Entre la apertura y el cierra puede ir contenido en texto plano u otras etiquetas.
- Etiquetas de línea, también, llamadas huérfanas que no requieren abrirse y cerrarse, solo declararse como: <img />
Los atributos de las etiquetas o elementos HTML son sus características que dependiendo de cada etiqueta indican un estado, animación, restricción o inclusive contenido. Estos atributos van luego del nombre de la etiqueta, luego se debe asignar un valor en la mayoría de casos. Por ejemplo:
<p style="color: red">Texto en rojo</p>
En este caso usamos el atributo style, que permite colocar como valor código CSS para personalizar la apariencia de nuestro contenido. El resultado sería:
Texto en rojo
No hay comentarios:
Publicar un comentario