Lenguaje Html
Páginas: 49 (12221 palabras)
Publicado: 4 de junio de 2012
Lenguaje HTML 1
Lenguaje HTML
Este Wikilibro tratará de ser un curso de introducción al lenguaje HTML 4.01
El tema es extenso, por lo cual lo dividiremos en dos libros: el 1º que haga una introducción básica a los temas,
dejando para el 2º una descripcion detallada.
A quién está destinado este manual
Todos aquellos que pretendan iniciarse en la programación de páginas web.
Lo quenecesitas:
· Un explorador web
· Un simple editor de texto
· Ganas de aprender
· Paciencia
Si estás leyendo estas líneas, es que lo tienes todo.
Convenciones
Tanto la terminología como el orden de los temas, tratará de coincidir hasta donde sea posible con la especificación
de HTML 4.01 publicada por la W3C. todo esto realizado por el ing.Vladimir Mosquera
Índice
1. Introducción
2. El código
3.Estructura de un documento HTML
4. Formato de texto
5. Texto con estilo
6. Listas
7. Tablas
8. Enlaces
9. Imágenes
10. Estilos CSS
1. Comportamiento
2. Propiedades de Fuentes y Texto
3. Propiedades de color y fondo
11. Marcos
12. Formularios
13. Insertar audio/video
14. Scripts
15. Páginas Dinámicas
16. Usabilidad web
Lenguaje HTML 2
Bibliografía
• W3C [1]
Enlaces externos
•Escribiendo documentos HTML [2]
Referencias
[1] http:/ / www. w3c. org
[2] http:/ / es. geocities. com/ oscarpalacios1/ index. htm
Fuentes y contribuyentes del artículo 3
Lenguaje HTML/Estructura de un documento HTML 1
Lenguaje HTML/Estructura de un documento
HTML
En esta sección conoceremos los cuatro elementos básicos que "marcan" la estructura de un documento HTML. Pero
antes de nadaveamos el esqueleto de un documento HTML vacío:
<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>
La primera línea está reservada al DOCTYPE (tipo de documento), después viene el documento HTML, que está
dividido en dos secciones: head (cabecera) y body (cuerpo).
DOCTYPE
Define el tipo de documento.
Este elemento, que muchos websmasterobvian (incorrectamente), le indica al navegador la versión y tipo de HTML
empleado en el documento. De esta forma, el navegador usará el modelo de renderización adecuado al tipo de
documento.
Para HTML 4.01 existen 3 tipos de doctype:
• strict: este doctype es el que contiene la definición de html recomendada por el W3C.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
• transitional: este doctype es igual al strict, más algunos elementos y atributos antiguos que han quedado
desfasados, pero que se conservan por aquéllo de la compatibilidad.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
• frameset: este doctype es igual al transitional más los elementos específicos parala creación de marcos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
De no poner el doctype, el navegador interpretará el código html escrito tal y como le parezca mejor. Se obtendrán
resultados muy variopintos y distintos de esta forma, incluso entre dos versiones de un mismo navegador. Por lo
tanto, lo mejor es poner siempre eldoctype correcto.
Lenguaje HTML/Estructura de un documento HTML 2
Elemento html
Delimita el documento HTML, indicando al navegador el comienzo y fin de la página html.
Sus etiquetas son: <html> (Siempre al comienzo despues del doctype) y </html> (Siempre al terminar el
documento); (ambas opcionales ¡úsalas de todos modos!)
Elemento head
head viene del ingles cabeza y su función esdelimitar cabecera del documento.
Sus etiquetas son: <head> y </head>; (ambas opcionales ¡úsalas de todos modos!)
La cabecera es la sección apropiada para incluir información sobre el documento, la mayoría de la cual no será
mostrada a los lectores. Para incluir esta información tenemos diversos elementos, de momento solo comentaremos
el más importante:
Elemento title
Indica...
Lenguaje HTML
Este Wikilibro tratará de ser un curso de introducción al lenguaje HTML 4.01
El tema es extenso, por lo cual lo dividiremos en dos libros: el 1º que haga una introducción básica a los temas,
dejando para el 2º una descripcion detallada.
A quién está destinado este manual
Todos aquellos que pretendan iniciarse en la programación de páginas web.
Lo quenecesitas:
· Un explorador web
· Un simple editor de texto
· Ganas de aprender
· Paciencia
Si estás leyendo estas líneas, es que lo tienes todo.
Convenciones
Tanto la terminología como el orden de los temas, tratará de coincidir hasta donde sea posible con la especificación
de HTML 4.01 publicada por la W3C. todo esto realizado por el ing.Vladimir Mosquera
Índice
1. Introducción
2. El código
3.Estructura de un documento HTML
4. Formato de texto
5. Texto con estilo
6. Listas
7. Tablas
8. Enlaces
9. Imágenes
10. Estilos CSS
1. Comportamiento
2. Propiedades de Fuentes y Texto
3. Propiedades de color y fondo
11. Marcos
12. Formularios
13. Insertar audio/video
14. Scripts
15. Páginas Dinámicas
16. Usabilidad web
Lenguaje HTML 2
Bibliografía
• W3C [1]
Enlaces externos
•Escribiendo documentos HTML [2]
Referencias
[1] http:/ / www. w3c. org
[2] http:/ / es. geocities. com/ oscarpalacios1/ index. htm
Fuentes y contribuyentes del artículo 3
Lenguaje HTML/Estructura de un documento HTML 1
Lenguaje HTML/Estructura de un documento
HTML
En esta sección conoceremos los cuatro elementos básicos que "marcan" la estructura de un documento HTML. Pero
antes de nadaveamos el esqueleto de un documento HTML vacío:
<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>
La primera línea está reservada al DOCTYPE (tipo de documento), después viene el documento HTML, que está
dividido en dos secciones: head (cabecera) y body (cuerpo).
DOCTYPE
Define el tipo de documento.
Este elemento, que muchos websmasterobvian (incorrectamente), le indica al navegador la versión y tipo de HTML
empleado en el documento. De esta forma, el navegador usará el modelo de renderización adecuado al tipo de
documento.
Para HTML 4.01 existen 3 tipos de doctype:
• strict: este doctype es el que contiene la definición de html recomendada por el W3C.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
• transitional: este doctype es igual al strict, más algunos elementos y atributos antiguos que han quedado
desfasados, pero que se conservan por aquéllo de la compatibilidad.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
• frameset: este doctype es igual al transitional más los elementos específicos parala creación de marcos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
De no poner el doctype, el navegador interpretará el código html escrito tal y como le parezca mejor. Se obtendrán
resultados muy variopintos y distintos de esta forma, incluso entre dos versiones de un mismo navegador. Por lo
tanto, lo mejor es poner siempre eldoctype correcto.
Lenguaje HTML/Estructura de un documento HTML 2
Elemento html
Delimita el documento HTML, indicando al navegador el comienzo y fin de la página html.
Sus etiquetas son: <html> (Siempre al comienzo despues del doctype) y </html> (Siempre al terminar el
documento); (ambas opcionales ¡úsalas de todos modos!)
Elemento head
head viene del ingles cabeza y su función esdelimitar cabecera del documento.
Sus etiquetas son: <head> y </head>; (ambas opcionales ¡úsalas de todos modos!)
La cabecera es la sección apropiada para incluir información sobre el documento, la mayoría de la cual no será
mostrada a los lectores. Para incluir esta información tenemos diversos elementos, de momento solo comentaremos
el más importante:
Elemento title
Indica...
Leer documento completo
Regístrate para leer el documento completo.