Estructura básica:
<!DOCTYPE html>
<html lang=»es»>
<head>
<title></title>
<meta charset=»UTF-8″>
</head>
<body>
…….
</body>
</html>
Etiquetas básicas
- División: <div>
- Párrafo: <p>
- Agrupar elementos en línea: <span>
- Subrayado: <u>
- Cursiva o énfasis: <em>
- Negrita o texto destacado: <strong>
- Subíndice: <sub>
- Superíndice: <sup>
- Salto de línea:<br> (no tiene etiquetaa de cierre)
- Separación horizontal: <hr> (dibuja una línea de separación horizontal en la página; no tiene etiqueta de cierre)
Encabezados
<h1> </h1> ; <h2> </h2> ; <h3> </h3> ; <h4></h4> ; <h5></h5> ; <h6></h6>
Enlaces
<a href=»url»>texto</a>
Imágenes
<img src=»archivo-imagen»>
Atributos: alt, width, height
Listas
Lista desordenada:
<ul>
<li></li>
<li></li>
…
</ul>
Lista ordenada:
<ol>
<li ></li>
<li></li>
…
</ol>
Atributos: reversed (invierte el orden), start (establece en qué numeral empieza la lista) y type (indica qué tipo de numeral se va a aplicar; 1, a, A, I, i)
Ejemplo: <ol start=»1″ reversed type=»A»>
Lista de descripción:
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
