Diccionario HTML

La siguiente es una síntesis de etiquetas HTML que seguramente va a ser muy apreciada por todos los que disfruta(mos) diseñando webs.


Estructura básica <!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width”>
<title>Título de la pestaña del navegador</title>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
</head>
<body>
<!–Comentario–>
</body>
</html>
Secciones principales <header></header>
<main></main>
<footer></footer>
Otras secciones <section></section>
<article></article>
<div></div>
Párrafo <p></p>
Texto destacado <span></span>
Niveles de encabezado <h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Lista no ordenada <ul></ul>
<ul type=”disc”> genera viñetas con forma de disco
<ul type=”square”> genera viñetas cuadradas
Lista ordenada <ol></ol>
<ol type=”A”> genera listas ordenadas alfabéticamente
Lista (ítems) <li></li>
Imágenes <img src=”link_a_la_imagen” alt=”descripcion_de_la_imagen”>
Enlaces <a href=”link_al_enlace”>Página externa</a>
<a href=”#seccion_interna”>Sección interna</a>
Código incrustado <iframe></iframe>
Videos de YouTube, Mapas de Google Maps, Audios de SoundCloud, Presentaciones de Genial.ly, etc.
Barra de navegación <nav></nav>
Botónes <button></button>

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *