Las etiquetas HTML m√°s importantes que debes memorizar

Si usted es un programador, dise√Īador, redactor, editor o experto en marketing, se encontrar√° con el lenguaje HTML. ¬ŅConoces sus etiquetas?

En varias ocasiones hemos hablado de cómo primeras páginas web. A la izquierda, la mayoría en Internet Archive como recuerdo. De hecho, al comienzo del día, por así decirlo, comenzar una página web implicaba escribir en HTML simple y llano.

Creó un archivo vacío y escribió en HTML. Luego vinieron CSS, PHP y luego el asunto fue complicado Java y Flash. Además, llegaron herramientas como DreamWeaver o FrontPage, que le permitieron trabajar con páginas web tal como creó un documento de texto o una presentación.

  

Sin embargo, el lenguaje HTML sigue siendo uno pilares b√°sicos Internet, por lo que es inevitable que se encuentre con este idioma independientemente de su profesi√≥n. Por lo tanto, no est√° de m√°s aprender las etiquetas b√°sicas y esenciales para formar textos, im√°genes y, en √ļltima instancia, todo el contenido en HTML.

Etiquetas basicas

Primero, recuerde que las etiquetas HTML definen el contenido dentro. Por lo general uno etiqueta de apertura y otra terminación. A veces hay etiquetas en las etiquetas.

Las etiquetas de apertura están indicadas entre símbolos menor que, y el cierre, entre menor que.

HTML Primera y √ļltima etiqueta en un documento HTML. El resto de las etiquetas van en estos dos.

CABEZA Esta etiqueta especifica los metadatos del documento.

T√ćTULO T√≠tulo de la p√°gina Aparece en la barra de t√≠tulo del navegador.

CUERPO Dentro hay todo el contenido que se ver√° en la p√°gina.

√ĀNGULO M√°s informaci√≥n en la p√°gina: autores, diferentes fechas …

IMG Para insertar im√°genes. Dentro de esa etiqueta, se especifican varios atributos, como qu√© imagen publicamos, su nombre y tama√Īo en la web. Los atributos de imagen pueden ser la imagen misma src = “enlace”, un t√≠tulo alternativo alt = “texto” o el tama√Īo de la imagen en la p√°gina en p√≠xeles con altura = “” y ancho = “”.

FORMULARIO Se utiliza para insertar un formulario HTML.

Dar formato a un texto

FUERTE Use texto en negrita en el texto etiquetado. Se puede reemplazar con la letra B.

EM Poner en cursiva el texto. Se puede reemplazar con la letra i.

CITA Nos permite citar el título de un libro, canción u otro trabajo.

BLOCKQUOTE Se usa para citar una frase o texto.

C√ďDIGO Se usa para mostrar el c√≥digo.

Estructurar un documento

H1 – H6 Hasta seis niveles de t√≠tulos y subt√≠tulos. De m√°s a menor tama√Īo.

DIV Esto permite dividir el contenido en bloques.

P Para mostrar texto plano.

listas

OL Para crear una lista de artículos pedidos.

UL Para crear una lista de elementos desordenados.

LI Para crear una lista de elementos individuales.

enlace

UNO Para vincular, la etiqueta es A (abrir) y / A (cerrar). El atributo es HREF = “” para especificar el enlace, ya sea interno o externo.

Con el atributo HREF = “mailto:” puede vincular a una direcci√≥n de correo electr√≥nico.

dibujar

Aunque es m√°s conveniente ir a un generador de tablas HTML, podemos usar lenguajes HTML para crear tablas simples para organizar contenido.

mesa Define el contenido de la tabla.

T√ćTULO Describe la tabla.

thead El título de cada columna en la tabla.

TR Contiene en una fila.

TD Contiene en una celda.

Obviamente, estas etiquetas son solo los ejemplos más comunes en una larga lista. Encontraras toda la lista en manuales y guías como el de W3Schools.