Encabezados (Headings)

Dentro de las etiquetas <body></body>, se pondrá todo el contenido de la página. Por contenido, nos referimos a la parte que el navegadro interpreta para que podamos ver una página web en pantalla.

Encabezados (Headings)

Pero, ¿qué más se puede lograr con html?

Encabezados (headings)

Se definen con la etiqueta <h1>, para el título principal. El más pequeño de los título se defiiene con la etiqueta <h6>.

Encabezados (Headings)

En cuanto a la etiqueta <p>, es la encargada de definir los párrafos.

Encabezados (Headings)

<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
</head>
<body>

<h1>Párrafo</h1><p>Éste es un párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac est vestibulum, sodales sem posuere, molestie ligula. Sed vestibulum ipsum sapien, ac dapibus leo blandit sit amet. In non enim dignissim, lobortis lacus eu, cursus lacus. Ut metus arcu, lacinia et dapibus sed, ultricies at odio. Nullam in dolor eu quam egestas placerat ut at turpis.Aliquam erat volutpat. Vivamus eleifend ipsum a vulputate aliquam. Proin mattis elit et tellus suscipit auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac est vestibulum, sodales semposuere, molestie ligula. Sed vestibulum ipsum sapien, ac dapibus leo blandit sit amet. In non enim dignissim, lobortis lacus eu, cursus lacus. Ut metus arcu, lacinia et dapibus sed, ultricies at odio. </p>

<p>Nullam in dolor eu quam egestas placerat ut at turpis. Aliquam erat volutpat. Vivamus eleifend ipsum. Aenean ac est vestibulum, sodales semposuere, molestie ligula. Sed vestibulum ipsum sapien, ac dapibus leo blandit sit amet. In non enim dignissim, lobortis lacus eu, cursus lacus. Ut metus arcu, lacinia et dapibus sed, ultricies at odio. Nullam in dolor eu quam egestas placerat ut at turpis. Aliquam erat volutpat. Vivamus eleifend ipsum. Sed vestibulum ipsum sapien, ac dapibus leo blandit sit amet. In non enim dignissim, lobortis lacus eu, cursus lacus. Ut metus arcu, lacinia et dapibus sed, ultricies at odio. Nullam in dolor eu quam egestas placerat ut at turpis. Aliquam erat volutpat. Vivamus eleifend ipsum. Aenean ac est vestibulum, sodales semposuere, molestie ligula.</p>

<p> Sed vestibulum ipsum sapien, ac dapibus leo blandit sit amet. In non enim dignissim, lobortis lacus eu, cursus lacus. Ut metus arcu, lacinia et dapibus sed, ultricies at odio. Nullam in dolor eu quam egestas placerat ut at turpis. Aliquam erat volutpat. Vivamus eleifend ipsum</p>

</body>
</html>

¿Qué es CSS?

Son las siglas de Cascading Style Sheets y es el encargado de definir el diseño y aspecto de todos los elementos de una página web y nos puede ahorrar cientos de horas de trabajo, sobre todo porque con una sola hoja de estilo, para ello se deben guardar los estilos en archivos aparte, puedes controlar el aspecto de cientos de páginas web para distintos dispositivos en sus distintos tamaños de pantalla.

El selector apunta al elemento HTML al que se busca dar formato.

Las bloques de declaraciones contienen el nombre de la propiedad y su valor, siempre separadas una de otra mediante punto y coma y cada declaración se encierra entra llaves.

CSS selecciona los elementos HTML a formatear, mediante su nombre, su id, clase, atributo, entre otros.