guía básica para pegarle al xhtml (primera parte)
DESCRIPTION
Esta presentación es un apoyo para una capacitación que hice a una empresa. La primera parte presenta aspectos fundamentales del xhtml y la segunda busca explicar conceptos básicos sobre los CSS (CC Atribución-No Comercial-Licenciar Igual 2.5)TRANSCRIPT
![Page 1: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/1.jpg)
![Page 2: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/2.jpg)
![Page 3: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/3.jpg)
Carlos Julio Caicedo C
![Page 4: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/4.jpg)
carloscaicedo.wordpress.com
(pronto carloscaicedo.net)
![Page 6: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/6.jpg)
![Page 7: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/7.jpg)
![Page 8: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/8.jpg)
![Page 9: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/9.jpg)
¿?
![Page 10: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/10.jpg)
usando css y xhtml?¿Por qué hacer un sitio web
![Page 11: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/11.jpg)
para el diseño visualMás posibilidades
![Page 12: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/12.jpg)
www.kiutnorma.com
![Page 13: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/13.jpg)
www.kiutnorma.com
![Page 14: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/14.jpg)
www.kiutnorma.com
![Page 15: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/15.jpg)
www.kiutnorma.com
![Page 16: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/16.jpg)
www.kiutnorma.com
![Page 17: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/17.jpg)
www.kiutnorma.com
![Page 18: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/18.jpg)
útil, ¿no creen?
:-)
![Page 19: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/19.jpg)
¿Más razones?
![Page 20: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/20.jpg)
www.country-boys.netCapas y elementos superpuestos
![Page 21: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/21.jpg)
www.haus-hoyer.deElementos flotantes e interactivos
![Page 22: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/22.jpg)
www.haus-hoyer.deAjax, CSS y xhtml hacen un bonito trío
![Page 23: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/23.jpg)
www.haus-hoyer.deAjax, CSS y xhtml hacen un bonito trío
![Page 24: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/24.jpg)
www.haus-hoyer.deAjax, CSS y xhtml hacen un bonito trío
![Page 25: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/25.jpg)
…y como si fuera poco…
![Page 26: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/26.jpg)
www.csszengarden.comUn solo documento, varias versiones
![Page 27: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/27.jpg)
www.csszengarden.comUn solo documento, varias versiones
![Page 28: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/28.jpg)
www.csszengarden.comUn solo documento, varias versiones
![Page 29: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/29.jpg)
Pero eso no es todo
![Page 30: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/30.jpg)
Sitios WebMas livianos
![Page 31: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/31.jpg)
Menos códigoMenor tiempo de descarga
Uso eficiente de la memoria temporal
![Page 32: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/32.jpg)
Además…
![Page 33: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/33.jpg)
Proceso eficienteDe desarrollo
![Page 34: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/34.jpg)
Adiós al find+replace
p{
font-size:14px;color:#000000;
}
![Page 35: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/35.jpg)
La estructura separada de la presentación
![Page 36: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/36.jpg)
La estructura separada de la presentación
![Page 37: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/37.jpg)
La estructura separada de la presentación
![Page 38: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/38.jpg)
La estructura separada de la presentación
![Page 39: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/39.jpg)
La estructura separada de la presentación
![Page 40: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/40.jpg)
La estructura separada de la presentación(los ingenieros y los diseñadores no se pisarán las mangueras)
![Page 41: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/41.jpg)
Acordaos
![Page 42: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/42.jpg)
![Page 43: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/43.jpg)
<!-- Sir Tim Berners-Lee @ W3C -->
Permitir que mas personas, sin importar sus limitaciones físicas o funcionales puedan consultar la información que se encuentra en Internet.
![Page 44: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/44.jpg)
Para completar
![Page 45: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/45.jpg)
Hacer las cosas bien
![Page 46: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/46.jpg)
![Page 47: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/47.jpg)
![Page 48: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/48.jpg)
Espero haberlos convencido
:-D
![Page 49: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/49.jpg)
![Page 50: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/50.jpg)
Bueno pues,¿Qué necesito para empezar?
![Page 51: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/51.jpg)
Editor de texto
![Page 52: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/52.jpg)
Editor de texto
![Page 53: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/53.jpg)
Editor de texto
![Page 54: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/54.jpg)
Navegador web
![Page 55: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/55.jpg)
Navegador web
![Page 56: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/56.jpg)
Navegador web
![Page 57: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/57.jpg)
Navegador web
![Page 58: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/58.jpg)
Navegador web
![Page 59: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/59.jpg)
Navegador web
![Page 60: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/60.jpg)
Navegador web
![Page 61: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/61.jpg)
DOM Inspector 1.8.0.7Web Developer 1.0.2Fire Bug 0.4
![Page 62: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/62.jpg)
![Page 63: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/63.jpg)
![Page 64: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/64.jpg)
Comienza la enunciación de elementos visibles
![Page 65: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/65.jpg)
Comienza la enunciación de elementos visibles
Barra de navegación
![Page 66: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/66.jpg)
Comienza la enunciación de elementos visibles
Barra de navegación
El div es un elemento individual, mientras que un class define características comunes
![Page 67: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/67.jpg)
![Page 68: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/68.jpg)
xmlhtml+
![Page 69: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/69.jpg)
Presentación de datos estructurados en un orden jerárquico.
html
![Page 70: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/70.jpg)
Formato abierto.Creación de etiquetas incompatibles.
html
![Page 71: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/71.jpg)
flashhtml vs
![Page 72: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/72.jpg)
flashhtml vs
Colectivo Individual
![Page 73: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/73.jpg)
flashhtml vs
Colectivo Individual
Generadores Generador
![Page 74: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/74.jpg)
flashhtml vs
Colectivo Individual
Generadores Generador
Visores Visor
![Page 75: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/75.jpg)
Desordenhtml=
![Page 76: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/76.jpg)
Datos.
Sintaxis estricta.
Propias etiquetas.Información universal.
xml
![Page 77: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/77.jpg)
xmlhtml+
![Page 78: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/78.jpg)
Presentación de datos a través de etiquetas.
Información disponible para diversos dispositivos.
xhtml
![Page 79: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/79.jpg)
![Page 80: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/80.jpg)
Sintaxis
![Page 81: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/81.jpg)
<table cellspacing=“0”>
![Page 82: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/82.jpg)
<table cellspacing=“0”>
Etiqueta
![Page 83: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/83.jpg)
<table cellspacing=“0”>
Etiqueta
Atributo
![Page 84: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/84.jpg)
<table cellspacing=“0”>
Etiqueta
AtributoValor
![Page 85: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/85.jpg)
Reglas básicas
![Page 86: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/86.jpg)
01Estructura básica
![Page 87: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/87.jpg)
<!DOCTYPE><html>
<head>Información del documento
</head><body>
Contenido presentado
</body></html>
![Page 88: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/88.jpg)
02Defina el tipo de documento
![Page 89: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/89.jpg)
xhtml estricto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
![Page 90: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/90.jpg)
xhtml de transición
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
![Page 91: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/91.jpg)
xhtml para marcos
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset //ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
![Page 92: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/92.jpg)
03Lo que se abre, se cierra
![Page 93: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/93.jpg)
<p>Párrafo</p>
<br /><input />
<img src=“../igu/imgs/logo.png” />
<meta />
![Page 94: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/94.jpg)
04Jerarquía en los elementos
![Page 95: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/95.jpg)
<p><strong>Párrafo</p></strong>
![Page 96: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/96.jpg)
<p><strong>Párrafo</p></strong>
<p><strong>Párrafo</strong></p>
![Page 97: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/97.jpg)
<p><strong>Párrafo</p></strong>
<p><strong>Párrafo</strong></p>
<span><div>Texto</div></span>
![Page 98: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/98.jpg)
<p><strong>Párrafo</p></strong>
<p><strong>Párrafo</strong></p>
<span><div>Texto</div></span>
<div><span>Texto</span></div>
![Page 99: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/99.jpg)
05Sangrados(Un consejo)
![Page 100: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/100.jpg)
<table><tr>
<th>1</th><th>2</th>
</tr><tr>
<td>Dato01</td><td>Dato02</td>
</tr></table>
![Page 101: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/101.jpg)
Etiquetas importantes
![Page 102: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/102.jpg)
01Contenido
![Page 103: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/103.jpg)
<h1>Título principal</h1><h2>Título secundario</h2>…<h6>Subtítulo</h6><p>Párrafo<br />Continuación del párrafo</p><ul>
<li>Lista desordenada</li></ul><ol>
<li>Lista ordenada</li></ol>
![Page 104: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/104.jpg)
02Importancia
![Page 105: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/105.jpg)
<p>Dentro de una linea se resaltan <strong>las palabras importantes<strong></p>
<p>Así también, se pueden resaltar empleando <em>esta etiqueta</em></h2>
![Page 106: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/106.jpg)
03Tipo
![Page 107: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/107.jpg)
<cite>Ser o no ser</cite>
<code>funtion validar (busqueda)</code>
<abbr>Dir.</abbr>
<acronym>DANE</acronym>
![Page 108: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/108.jpg)
04Formularios
![Page 109: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/109.jpg)
<form><fieldset id=“campos”>
<p><label>Nombre</label><br /><input /></p><p><label>Nombre</label><br /><input /></p>
</fieldset><fieldset id=“acciones”>
<p><button>Enviar</button> o<a>volver</a> al menu anterior</p>
</fieldset></form>
![Page 110: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/110.jpg)
05Tablas
![Page 111: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/111.jpg)
<table><thead>
<tr><th>Col 01</th><th>Col 02</th>
</tr></thead><tbody>
<tr><td>Dato 01</td><td>Dato 02</td>
</tr></tbody><tfoot>
<tr><td>Resultado 01</td><td>Resultado 02</td>
</tr></tfoot>
</table>
![Page 112: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/112.jpg)
06Agrupamiento
![Page 113: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/113.jpg)
<div><h1>Titulo</h1><p>Párrafos</p><table></table><p>Otra linea de texto <span>con untexto diferenciado</span> delresto</p>
</div>
![Page 114: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/114.jpg)
07id - class
![Page 115: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/115.jpg)
<div id=“encabezado”><h1>Titulo</h1>
</div><div id=“contenidos”>
<h2>Noticia 01</h2><p class=“datos”>17 de Julio</p><p>Contenido</p><h2>Noticia 01</h2><p class=“datos”>18 de Julio</p><p>Contenido</p>
</div>
![Page 116: Guía básica para pegarle al xhtml (Primera parte)](https://reader034.vdocuments.net/reader034/viewer/2022042715/558fd89a1a28ab5e368b460f/html5/thumbnails/116.jpg)