8

Etiquetas y secciones de html



Principales _secciones_de_html



<nav> -----------→ Una sección de navegación.


<header> -----------→ Es el encabezado . (Es diferente del elemento head, ¡Que contiene metadatos acerca de tu página!).


<boody>-----------→ Es el Cuerpo de tu página.


<footer>-----------→ Es el pie de página.


<main>-----------→ Contenido importante de la página.


<aside>-----------→ Contenido no esencial.


<section> -----------→ Una sección cualquiera del documento.

Su funcionamiento es igual al de <div>, pero <section> se utiliza para secciones de una pagina que no tiene otra etiqueta definida, mientras que <div> se utiliza como contenedor para cualquier cosa.


|



Etiquetas y sus propósitos



|

< a >

Sirve para hacer un link (la ‘a’ significa anchor, en español ancla).
Ejemplo: No me des click.


< h1-6 > -----------→ Varios títulos, h1 es la más importante, de ahí al 6 va bajando la importancia.


< ul > -----------→ Empieza una lista con viñetas (significa unordered list “lista desordenada”).
Ejemplo:

  • Hola soy un li con formato ul
  • Yo también!
  • Y yo n-n/

< ol > -----------→ Empezar una lista numerada (significa ordered list una “lista ordenada” 1,2,3,4, etc…).
Ejemplo:
1.- Hola soy un li con formato ol
2.- Yo también! 😄
3.- Y yo n-n/


< li > -----------→ Son cosas dentro de una lista (significa list item ‘lista de artículos’).


<table, tr, td> -----------→ Puedes hacer tablas con filas y celdas de datos 📋.


<form> -----------→ Indica un formulario que pueda recoger datos del usuario 📝.


<input> -----------→ Va adentro de form puede ser; un lugar para introducir texto, un botón, o un checkbox en un formulario.
Ejemplo:
Escribe tu nombre aquí = No recuerdo mi nombre 🙉😄 | Enviar


<div> -----------→ Es un contenedor genérico. No tiene efecto en el contenido o el diseño, pero le puedes aplicar estilos usando CSS.


Deja_tu_like_y_comentario
=D
By Guillermo

Escribe tu comentario
+ 2