Hyper Text Markup Language

HTML
Hyper Text Markup Language
• Hipertexto
• Universalidad
• Disponible para todos.
• Es experimentado de diferente
forma.
• Dispositivo de acceso
• Navegador
Características
• Extensiones HTML, solo para Netscape (1994)
• No universalidad, errores en otros navegadores
• Muy buenas, Netscape se hace muy popular
• Extensiones para Internet Explorer
• Diferentes versiones para los diferentes
navegadores
• Imposibilidad de ciertos efectos para todos los
usuarios
Guerra de Navegadores
• W3Consortium
• Poner de acuerdo a diseñadores de
navegadores
• Diferenciar sus productos de otra forma
• Facilidad
• Velocidad
• Precio
•…
Estándares
• HTML
• Une contenido, estructura y formato en un documento
• CSS
• Para separar los elementos de formato
• XML
• Para diseñar etiquetas propias que describan el contenido
del texto y no sólo su formato
• XHTML
• Para dar soporte a todas la páginas HTML con XML
Recomendaciones
oficiales
• Elementos no vacíos
<etiqueta>texto</etiqueta>
<b>♦ Nota 2.  &nbsp</b>
• La etiqueta de inicio contiene nombre y opcionalmente
atributos
<nombre atributo1=“valor”
atributo2=“valor”….>
<a href="lectura.pdf" target="_self">
Lectura
</a>
Elementos de HTML
• Elementos vacíos
<etiqueta />
• La etiqueta contiene nombre y opcionalmente
atributos
<nombre atributo1=“valor”
atributo2=“valor”…/>
<img src=“imagen1.jpg”
width=“300”…/>
Elementos de HTML
• Nombres de archivos con sentido
• Nombres de archivos en minúsculas
• Evite errores a usted y sus usuarios
• Coloque un archivo por omisión en cada subcarpeta
• Para sitio importantes incluir <!DOCTYPE
• http://validator.w3.org/
• http://www.w3.org/QA/2002/04/valid-dtd-list.html
• Incluir <title>
• Es usado por motores de búsquedas
Recomendaciones