Códigos HTML que debes conocer

Anota esta información clave para tu manejo. En Proyecto 51 te mostramos los Códigos HTML que debes conocer.

Tags estructurales

Los tags estructurales dictaminan la estructura del documento, como su propio nombre indica. Es posible que veas estas etiquetas si observas el código de tu tema y tratas de editarlo.

Los tags con los que debes familiarizarte son:

html: Este tag define tu documento y se debe colocar al principio y al final del mismo

head: Define la cabecera y se utiliza para la información que no aparece públicamente

title: Este tag simplemente define el título del documento, que debe ser diferente en cada página de tu sitio web

meta: Los meta tags proveen información a los navegadores, como keywords, descripciones o información sobre el copyright

body: El contenido de la página se debe encerrar en este tag. Es lo que los usuarios verán en la página.

Tags de agrupación

Los tags de agrupación sirven para agrupar texto. Como por ejemplo:

p: Define un párrafo

blockquote: Define una cita

address: Define una información de contacto

pre: Define texto preformateado

Continuamos…

Tags de encabezado

Los tags de encabezado son un tipo de etiqueta que muestran un nivel de jerarquía para los distintos motores de búsqueda y para los usuarios.

Heading 1 se utiliza para el título del documento, como el título de tu entrada en el blog. Heading 2 está destinado para la entradilla. Para las secciones dentro del artículo, se debe utilizar Heading 3. Y así sucesivamente hasta h6.

Las etiquetas serían:

h1

h2

h3

h4

h5

h6

Tags de texto

Los tags de texto se utilizan para formatear palabras dentro de los tags de agrupación, como el tag de párrafo, por ejemplo. Los más básicos son:

em: Da formato de cursiva

strong: Da formato de negrita

q: Da formato de cita

del: Muestra una línea horizontal en el texto para indicar que se ha borrado

br: Define un salto de línea dentro de un párrafo

Tags de enlace

Los tags de enlace definen donde debe aparecer un enlace y a qué página debe apuntar. Se inicia con un tag formateado de esta manera:

<a href=”URL”>

Reemplaza el texto URL con la dirección web a donde desees que apunte el enlace. No elimines las comillas.

Tags de imagen

Los tags de imagen hacen totalmente honor a su nombre. Definen una imagen y su fuente. Estos no son tags con contenedor, lo que significa que no necesitas la etiqueta de cierre para que funcione. El tag de imagen sería una cosa tal que así:

<img src=”URLDELAIMAGEN”>

Fuente: Programación