Menú { Enlaces y separador <hr> }

Encabezado de nivel H1 - Aenean tristique mauris ut erat

Encabezado de nivel H2 - Nisl mi faucibus arcu, condimentum suscipit

Encabezado de nivel H3 - Auris ornare lectus quis justo condimentum ut

Encabezado de nivel H4 - Fusce vel elementum turpis. Nunc eu lectus neque

Encabezado de nivel H5 - Rutrum nisl a sem sodales eget luctus

Encabezado de nivel H6 - Bibendum porttitor erat, a fringilla magna mollis et

Ptiam blandit interdum cursus. Ut eget turpis fringilla tortor ullamcorper consectetur egestas eu lorem. Vestibulum non urna sit amet arcu pellentesque aliquet in ut lorem. Phasellus quis consequat orci. Vivamus vestibulum arcu in sapien vestibulum quis ultricies massa eleifend. Donec adipiscing libero sed risus lacinia varius. Suspendisse eget dignissim neque. Etiam sagittis porta felis, at facilisis erat viverra ac. Suspendisse eu libero arcu, in accumsan mi. Nunc gravida vehicula tristique. Fusce lectus metus, feugiat sit amet ultricies eget, lacinia at nulla.

El alcalde nombrará a ~~ocho~~nueve tenientes de alcalde.

Además, las últimas estadísticas del departamento de publicidad sugieren que estas prácticas están en alza.

Elemento <pre>

		Te escribo desde un puerto.
		La mar salvaje llora.
Salvaje, y triste, y solo te escribo abandonado.
Las olas funerales redoblan el vacío.
Los megáfonos llaman a través de la niebla.
La pálida corola de la lluvia me envuelve.
		Te escribo desolado.

Elemento <address>

Amet arcu pellentesque aliquet in ut lorem. Phasellus quis consequat orci. Vivamus vestibulum arcu in sapien vestibulum quis ultricies massa eleifend. Donec adipiscing libero sed risus lacinia varius.

Elementos de texto estructurado

<em> - Indica énfasis (emphasis).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in massa vel nisi luctus aliquet in ut mi. Aliquam erat volutpat. Ut malesuada malesuada neque et laoreet. In tincidunt mi non purus placerat ac ultrices eros pharetra. Nunc et massa ante. Suspendisse feugiat libero id nunc ullamcorper eget egestas dui pharetra. Cras id euismod mauris. Phasellus quis diam nibh, id aliquam dui. Nam mattis lacus in velit volutpat iaculis. Praesent convallis sodales hendrerit.

<strong> - Indica un énfasis más fuerte.

<cite> - Contiene una cita o una referencia a otras fuentes.

<dfn> - Indica que aquí es donde se define el término encerrado.

<code> - Designa un fragmento de código de computadora.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in massa vel nisi luctus aliquet in ut mi. Aliquam erat volutpat. Ut malesuada malesuada neque et laoreet. In tincidunt mi non purus placerat ac ultrices eros pharetra. Nunc et massa ante. Suspendisse feugiat libero id nunc ullamcorper eget egestas dui pharetra. Cras id euismod mauris. Phasellus quis diam nibh, id aliquam dui. Nam mattis lacus in velit volutpat iaculis. Praesent convallis sodales hendrerit.

<samp> - Designa una muestra de la salida de un programa, script, etc.

<kbd> - Indica texto que debe ser introducido por el usuario.

<var> - Indica que el texto es una variable o un argumento de un programa.

Elementos <big> y <small> en actual desuso pero aún aprobados.

Texto grande con <big>. Elemento en desuso.

Texto pequeño con <small>. Elemento en desuso.

Abreviaturas y acrónimos

Indica una forma abreviada (p.ej., WWW, HTTP, URI, etc.). Indica un acrónimo (p.ej., Renfe, radar, etc.).

Citas largas y cortas

Tres Anillos para los Reyes Elfos bajo el cielo. Siete para los Señores Enanos en casas de piedra. Nueve para los Hombres Mortales condenados a morir. Uno para el Señor Oscuro, sobre el trono oscuro en la Tierra de Mordor donde se extienden las Sombras. Un Anillo para gobernarlos a todos. Un Anillo para encontrarlos, un Anillo para atraerlos a todos y atarlos en las tinieblas en la Tierra de Mordor donde se extienden las Sombras.

El Señor de los Anillos

John said, I saw Lucy at lunch, she told me Mary wants you to get some ice cream on your way home. I think I will get some at Ben and Jerry's, on Gloucester Road.

Sub/Sup índices

H₂O

E = mc²

M^lle Dupont

Tablas

fusce volutpat quam a purus viverra egestas.
fusce vel	vivamus hendrerit	phasellus rutrum	curabitur mollis
eros congue	quis, iaculis	odio fermentum	et netus
quis tincidunt.	porta nunc	sed nibh	platea dictumst
pretium quam	non neque	aliquet vitae	sed felis
eu sollicitudin	porta nunc	a ante	quis mollis
sit amet	suscipit turpis	eget mattis	quis varius

Formularios

Datos personales

Aficiones (Tipo Checkbox) Baloncesto Tenis de mesa Natación Atletismo Tauromaquia (Selección prohibida)

Sexo (Tipo Radio) NS/NC Masculino Femenino Intersexual

Profesión (Select Normal)

Profesión (Select Múltiple)

Observaciones y/o comentarios (Textarea de 50x5)

Botonería

Tipos <input> (El botón de imagen tipo <input> envia coordenadas del Click)

Tipos <button>

Listas desordenadas

Diseño fijo (Estático)
Diseño líquido (Según contenedor)
Diseño elástico (Proporcional)
Animación web
- Flash
- Javascript (jquery, mootools, etc.)
Certificaciones web
- XHTML
- CSS
- WAI WCAG
  - Nivel A (WAI-A WCAG)
  - Nivel Doble-A (WAI-AA WCAG)
  - Nivel Triple-A (WAI-AAA WCAG)

Listas ordenadas

Diseñar layout
Maquetar en XHTML/CSS válido
Comprobar Cross-browsing (En diferentes navegadores)
Optimizar código
1. Disminuir velocidad de carga
2. Aumentar legibilidad y eficacia
Agregar programación
1. Crear las DDBB (Bases de datos)
2. Crear los módulos de programación
  1. Carrito de la compra
  2. Buscador de productos
Mejorar usabilidad y accesibilidad
Optimización SEO (Para buscadores)
Subir todo a un servidor web

Listas de definición

Accesibilidad web: Grado en el que todas las personas y/o robots de búsqueda pueden usar y/o navegar un sitio web, independientemente de sus capacidades técnicas y/o físicas.
Usabilidad web: Medida que determina la facilidad y/o dificultad para navegar y/o usar un sitio web.
W3C: Consorcio internacional que produce recomendaciones para la World Wide Web. Contiene, entre muchos otros, la especificación oficial para el buen uso de los lenguajes HTML y CSS.
Web 2.0: Nombre acuñado por Tim O'Reilly en 2004 para referirse a una segunda generación en la historia de la Web, basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomías, que fomentan la colaboración y el intercambio ágil de información entre los usuarios.

Imágenes y Divs { Contiene 3 <div> }