Show Menu
Cheatography

html class Cheat Sheet (DRAFT) by

is for web develoment class

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Estructura basica

<!D­­OC­T­Y­PE>
version de html
<ht­­ml>
documento html
<he­­ad>
inform­acion de pagina
<bo­­dy>
contenido de pagina

Inform­acion de pagina

<meta />
<ti­­tl­e>
<link />
<st­­yl­e>
<sc­­ri­p­t>

Listas

<ol>
lista numerada
<ul>
lista de viñetas
<li>
llevan dentro una etiqueta
<dl>
lista de definicion

estructura del documento

<p>
parrafo
<h[­­1-­6­]>
encabe­zados
<br />
saltos de linea
<ab­br>
abrevi­atura
<di­­v>
establecer divisiones
<sp­­an>
contenedor con pequeñas porciones de texto
 

Vinculos

<a href="u­rl">
Link para pagina
<a href="#­­na­m­e­">
vinculos ancla
<a href="m­­ai­l­t­o:­­">
link para email
<a href="p­rod­uct­os.h­tm­l">
extension en el navegador

tags

<img />
insertar imagenes

Text Makup

<st­­ro­n­g>
aumenta tono de lectura
<em>
marcamos texto de mayor relevancia
<q>
cita/quote
<ab­­br>
abrevi­atura
<ci­­te>
quien lo dijo
<bl­­oc­k­q­uo­­te>
un bloque mayor de texto

estructura semantjca

header
cabecera
main
contenido principal de la pagina
footer
pie de pagina o pie de texto
nav
barra de navegacion
article
porcion del documento
section
bloque de inform­acion
aside
contenido "­apa­rte­" dentro del contexto
figure
contenedor semantico de las imagenes
figcaption
representa el texto (caption)