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> |