Agencia de publicidad en Monterrey.

Si buscas el camino al diseño web lo primero que debes de conocer son algunas etiquetas básicas de HTML (back-to-basics), te las explicamos en este blog:

1. Head <head>

El elemento <head> contiene información general sobre una página HTML que no se muestra en la propia página. Esta información se llama metadatos e incluye cosas como el título del documento HTML y enlaces a CSS.

2. Body <body>

El elemento <body> representa todo el contenido de un documento HTML que es visible y se representa en los navegadores web. (Solo puede haber un elemento <body> en un documento HTML).

3. Div <div>

El elemento <div> ("división" se utiliza como un contenedor que divide un documento HTML en secciones y pueden contener contenido de flujo como encabezados, párrafos, enlaces, imágenes, etc.

4. Headings H1-H6 <h1>

HTML puede utilizar seis niveles diferentes de elementos de headings nativamente. Los elementos de encabezado están ordenados desde el nivel más alto <h1> hasta el nivel más bajo <h6>.

5. Anchor <a>

El elemento anchor <a> se utiliza para crear hipervínculos en un documento HTML. Los hipervínculos pueden apuntar a otras páginas web, archivos en el mismo servidor, una ubicación en la misma página o cualquier otra URL a través del atributo href.

6. Imagen <img> & Video <video>

Los elementos <img>  incorporan imágenes en documentos. El atributo src contiene la URL de la imagen, la etiqueta <img> no necesita etiqueta de cierre.El elemento <video> incorpora un reproductor multimedia para la reproducción de video y src contendrá la URL del video.

7. Listas <ol> & <ul>

La lista ordenada <ol> crea una lista de elementos en orden secuencial. Cada elemento de la lista aparece numerado de forma predeterminada.El elemento de lista desordenada <ul> se utiliza para crear una lista de elementos en forma de viñeta sin ningún orden en particular.

Estas etiquetas es una pequeña parte del diseño web, combinando HTML con CSS puedes realizar sitios web hermosos y bien estructurados.

Si te gustó este blog y te gustaría aprender más sobre diseño web te recomendamos los cursos de web design de codecademy.com