Contenido del Curso
HTML Definitivo
HTML Definitivo
Marcado de Texto
Párrafo
La tag <p>
se utiliza para definir un párrafo de texto. Por defecto, cada párrafo comienza en una nueva línea. La tag <p>
se utiliza normalmente para mostrar contenido de texto, como artículos, blogs y otras formas de información textual en una página web.
La tag <p>
también es crucial para la optimización de motores de búsqueda, ya que éstos la utilizan para entender la estructura de una página web e identificar el contenido principal. Se recomienda utilizar la tag <p>
para todo el contenido textual de la página web. Las excepciones son los encabezados, los elementos de lista u otro tipo de contenido especializado.
index
index
index
Nota
En un entorno de desarrollo integrado (IDE), una aplicación de software que ayuda a los programadores a desarrollar código de software de forma eficiente, podemos utilizar la funcionalidad
lorem
para generar texto que puede utilizarse para rellenar el contenido con fines de diseño y maquetación. Por ejemplo, podemos escribirlorem20
en el documento HTML y pulsar la teclaEnter
. Esto creará un texto de 20 palabras. En lugar de 20, se puede utilizar cualquier número.
Headings
Los headings (encabezados) <h1>
... <h6>
se utilizan para definir la jerarquía y la estructura de una página web. Los headings proporcionan contexto para el contenido de la página, ayudan a los usuarios a navegar por ella y también son utilizados por los motores de búsqueda para comprender el contenido de la página. Las tags <h1>
a <h6>
se utilizan para crear tags de diferentes tamaños y niveles de importancia, siendo <h1>
el más importante y <h6>
el menos importante. Es una buena práctica utilizar los headings en un orden lógico y evitar saltarse niveles (por ejemplo, pasar de <h1>
a <h3>
sin utilizar <h2>
).
index
index
index
Listas
En HTML, las listas pueden crearse utilizando dos tags principales: <ul>
(lista desordenada) y <ol>
(lista ordenada).
Lista Desordenada ()
<ul>
crea una lista con viñetas u otros marcadores para cada elemento sin ningún orden o clasificación específicos. Cada elemento se incluye en una tag <li>
(elemento de lista), que crea una viñeta distinta para cada elemento.
index
index
index
Lista Ordenada ()
<ol>
, por su parte, se utiliza para crear una lista con un orden o clasificación específicos. Los elementos de la lista se numeran secuencialmente con la tag <li>
. También puede especificar un valor inicial para la numeración utilizando el atributo start
de la tag <ol>
.
index
index
index
Anidamiento de listas
Tanto <ul>
como <ol>
pueden anidarse unas dentro de otras para crear sublistas. Por ejemplo, puede crear una lista numerada (<ol>
) con listas de viñetas anidadas (<ul>
) para cada elemento.
index
index
index
¡Gracias por tus comentarios!