Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Marcado de Texto | Tags y Atributos
HTML Definitivo
course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Desarrollo Web
2. Tags y Atributos
3. Estructura del Documento
4. Medios y Tablas
5. Formularios

bookMarcado 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.

html

index

css

index

js

index

copy

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 escribir lorem20 en el documento HTML y pulsar la tecla Enter. 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>).

html

index

css

index

js

index

copy

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.

html

index

css

index

js

index

copy

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>.

html

index

css

index

js

index

copy

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.

html

index

css

index

js

index

copy
1. ¿Para qué sirve la tag `<p>` en HTML?
2. ¿Cuáles son los dos tipos principales de listas en HTML?
3. ¿Qué tag HTML se utiliza para crear una lista ordenada?
¿Para qué sirve la tag `<p>` en HTML?

¿Para qué sirve la tag <p> en HTML?

Selecciona la respuesta correcta

¿Cuáles son los dos tipos principales de listas en HTML?

¿Cuáles son los dos tipos principales de listas en HTML?

Selecciona la respuesta correcta

¿Qué tag HTML se utiliza para crear una lista ordenada?

¿Qué tag HTML se utiliza para crear una lista ordenada?

Selecciona la respuesta correcta

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 5
some-alt