1. TUTES 1
HTML
Lenguaje de Marcado de Hipertexto
Complemento del videoTutorial
2. TUTES HTML
Introducción
¿Que es html?
• es el lenguaje con el que se escriben las páginas web
• es un lenguaje de hipertexto
• permite escribir texto de forma estructurada y esta compuesta por etiquetas,
que marcan el inicio y el fin de los elementos
• se presentará ante el hiperlector
¿Que significa html?
• Lenguaje de Marcado de Hipertexto
Mas información..
• HTML segun la wikipedia (http://es.wikipedia.org/wiki/HTML)
• HTML esta en su versión 5
3. TUTES HTML
Etiquetas
L a estructura de html esta definida por ETIQUETAS (tambien llamadas
marcas, directivas o tags en ingles), que componen el documento HTML. Estas
están formadas por palabras inglesas introducidas entre
los signos < y >
ejem. <body>
se le llama etiqueta de apretura dentro puede contener atributos
ejem. <body bgcolor="#000000" >
ejem. </body> nótese la / cual indica el final de la etiqueta y
se le llama etiqueta de cierre, esta no puede contener atributos
También existen etiquetas que no precisan de cierre ejem. <br />
4. TUTES HTML
Lo primero
P ara escribir código HTML, tan solo es necesario un editor de
texto como el simple Notepad o el complejo Dreamweaver...
Hay mucho editores cuales podrás usar, aquí te dejo unos cuantos
• Adobe Dreamweaver
• Notepad++
• kompozer
• UltraEdit
• Arachnophilia
• Mas editores ..
• Notepad (este viene con windows) wikipedia
5. TUTES HTML
Estructura básica de un documento HTML
<html> //- indica el inicio del documento html
<head> //- indica el inicio de la cabecera
</head> //- indica el final de la cabecera
<body> //- el comienzo del cuerpo
</body> //- el final del cuerpo
</html> //- indica el final del documento html
6. TUTES HTML
Estructura básica - partes: Head
...
//- indica el inicio de la cabecera
<head>
aquí se especifica la cabecera del documento, esta sección no sera mostrada
en pantalla por el navegador
van especificaciones relacionadas con el documento,
ejemplo: el titulo, la descripción de la web, las palabras claves, los estilos....
</head>
//- indica el final de la cabecera
......
7. TUTES HTML
Estructura básica - partes: Head
<head>
<title>Titulo de la web </title>
<meta charset="utf-8"> //- espesificaciones del documento
----->>>>>> para mas de los metas AQUI (http://www.w3.org/TR/REC-html40/struct/global.html#h-7.4.4.2)
<link rel=" " rev=" " href=" " target=" "/>
<script type=" " [src=" "]>
//código scripting
</script>
....
</head>
8. TUTES HTML
Estructura básica - partes: Body
...
//- indica el inicio el cuerpo
<body>
aquí se especifica el contenido del documento, esta sección si sera mostrada
en pantalla por el navegador
</body>
//- indica el final el cuerpo
......
9. TUTES HTML
Estructura básica - partes: Body
<body>
aqui va el contenido de la web
------------------- algunas etiquetas de HTML
<a><abbr><acronym><address><applet><area><b><base><basefont><bdo><big><blockquote>
<br><button><caption><center><cite><code><col><colgroup><dd><del><dfn><dir><div><dl>
<dt><em><fieldset><font><form><frame><frameset><head><h1> -
<h6><hr><i><iframe><img><input><ins><kbd><label><legend><li><map><menu><noframes
><noscript><object><ol><optgroup><option><p><param><pre><q><s><samp><script><select
><small><span><strike><strong><style><sub><sup><table><tbody><td><textarea><tfoot><th
><thead><title><tr><tt><u><ul><var><div><b><em><video>
..........
</body>
10. TUTES 1
FIN
HTML
Lenguaje de Marcado de Hipertexto