HTML (HyperText Markup Language), apareció por primera vez en 1991 en el lanzamiento de la Web. Su función es la gestión y organización del contenido. Puedes escribir lo que deseas mostrar en la página: texto, enlaces, imágenes, etc.
HTML no es un lenguaje de programación, lo que significa que no tiene la capacidad de crear una funcionalidad dinámica. En cambio, hace posible organizar y formatear documentos, de manera similar a Microsoft Word. Cuando trabajamos con este tipo de lenguaje, utilizamos estructuras de código simples (etiquetas y atributos) para marcar una página web. Por ejemplo, podemos crear un párrafo colocando el texto encerrado dentro de una etiqueta inicial <p> y de cierre </p>.
Ejemplo:
<p>Esta es una manera de insertar un párrafo en HTML</p>
<p>¡Puedes tener más de uno!</p>
Etiquetas más utilizadas en HTML.
Las etiquetas HTML tienen dos tipos principales: de bloque y en línea.
Los elementos de nivel de bloque ocupan todo el espacio disponible y siempre comienzan una nueva línea en el documento. Los encabezados y párrafos son un gran ejemplo de etiquetas de bloque.
Los elementos en línea solo ocupan el espacio que necesitan y no comienzan una nueva línea en la página. Por lo general, sirven para dar formato a los contenidos internos de los elementos a nivel de bloque. Los enlaces y las cadenas resaltadas son buenos ejemplos de etiquetas en línea.
Etiquetas de bloque:
Las tres etiquetas de nivel de bloque que todo documento HTML debe contener son: <html>, <head> y <body>.
La etiqueta <html> </html> es el elemento de más alto nivel que encierra a toda página HTML.
La etiqueta <head> </head> contiene información meta como el título y el conjunto de caracteres de la página.
Finalmente, la etiqueta <body> </body> encierra todo el contenido que aparece en la página.
Los encabezados tienen 6 niveles en HTML. Van desde <h1> </h1> a <h6> </h6>, donde h1 es el encabezado de nivel más alto y h6 es el más bajo. Los párrafos están encerrados por <p> </p>, mientras que las citas en bloque usan la etiqueta <blockquote> </blockquote>.
Las divisiones son secciones de contenido más grandes que normalmente contienen varios párrafos, imágenes, a veces citas en bloque y otros elementos más pequeños. Podemos marcarlos usando la etiqueta <div> </div>. Un elemento div también puede contener otra etiqueta div en su interior.
También puedes usar las etiquetas <ol> </ol> para las listas numeradas y <ul> </ul> para las que no estén numeradas. Los elementos individuales de la lista deben estar encerrados por la etiqueta <li> </li>
Etiquetas en línea:
Muchas etiquetas en línea se utilizan para dar formato al texto. Por ejemplo, una etiqueta <strong> </strong> representaría un elemento en negrita, mientras que las etiquetas <em> </em> lo mostrarían en cursiva.
Los hipervínculos también son elementos en línea que requieren etiquetas <a> </a> y atributos href para indicar el destino del enlace.
Las imágenes son elementos en línea también. Puedes agregar una usando <img> sin ninguna etiqueta de cierre. Pero también necesitarás usar el atributo src para especificar la ruta de la imagen.
P.R.R
0 comentarios:
Publicar un comentario