¿Qué es HTML?
El HTML es el lenguaje con el que se escriben las páginas
Web. Es un lenguaje de hipertexto, es decir, un lenguaje que
permite escribir texto de forma estructurada, y que está
compuesto por etiquetas, que marcan el inicio y el fin de cada
elemento del documento.
A hora bien lo que hace que el HTML sea un lenguaje
práctico y poderoso son los browser. Estos son programas
utilizados para visualizar las páginas Web. Los más
utilizados son el Internet Explorer y Netscape.
Los browser se encargan de interpretar el
código HTML de los documentos, y de mostrar
a los usuarios las páginas Web resultantes del
código interpretado.
1
HTML
ELEMENTOS DE UN DOCUMENTO HTML.
Los comandos de marcación son la base del lenguaje, pues estos comandos le indican al
browser que debe hacer con los elementos del documento ( escritura, formato y vínculos ),
de modo que el programa puede diagramar la página.
Un documento en HTML se define básicamente por los siguientes comandos:
<html>
Esta etiqueta se emplea siempre para iniciar un código HTML. Es la forma de
de decirle al navegador que en ese punto comienza el código.
<head>
Esta etiqueta de encabezado se incluyen datos generales del documento.
<title>
Etiqueta para poder colocar el titulo del documento.
</title> Finaliza la etiqueta title.
</head> Fin de la etiqueta head.
<body>
Se incluyen todos los elementos que en sí hace parte del documento.
</body>
Fin de la etiqueta body.
</html>
Fin del documento.
2
HTML
ELABORACIÓN DE UN DOCUMENTO HTML.
1.- Para poder elaborar un documento HTML debemos primero
de iniciar el “ Bloc de Notas ”, para la creación del mismo.
2.- A hora una vez abierto el Bloc de Notas anotaremos los
elementos básicos de un documento de HTML.
Nota: A hora bien anotamos todas
las etiquetas elementales que debe
de llevar un documento de HTML,
recuerden que la estructura de una
etiqueta siempre va a estar dada
por:
< nombre de la etiqueta >
Siempre va llevar esa estructura,
con paréntesis angulares < > y el
nombre de la etiqueta no importa
si se escribe con mayúscula o
minúscula:
< HEAD > ó < hEAd >
Lo que si es importante retomar es
que la etiqueta debe tener siempre
un inicio y un fin denotado por:
< HEAD > < /HEAD >
Simplemente al anexarle el signo
de división ( / ) estémosle
indicando que ahí se ha terminado
la función de esa etiqueta.
3
HTML
3.- Una vez terminado el segundo paso , lo
que procede es guardar nuestro documento:
4.A continuación daremos paso al
guardado de
nuestro documento, sin
olvidar que debe tener la extensión .HTML ó
de lo contrario solo lo guardara como
archivo de texto y no como página de
HTML.
No olvides que la extensión puede ir en
minúscula ( .html ) ó mayúscula ( . HTML ).
4
HTML
A hora observa que si al
momento
de
guardar
el
documento sin ninguna extensión
automáticamente
lo guardar
como un archivo de texto, y no
como un documento de HTML,
por ello es importante poner la
extensión “ .html “.
5
HTML
Ubicación de nuestro documento.
Cuerpo del documento.
<body> Hola compañeros este es un ejemplo sencillo de HTML </body>
Encabezado al inicio de la pagina
Web. <title> Ejemplo </title>
COMANDOS BÁSICOS.
Salto de línea.
Para poder
hacer un salto
de página en el
cuerpo de tu
documento
tendrás que
anexarle la
etiqueta:
< br> </br>.
Recuerda que
todo esto se
agrega dentro
de las etiquetas
de <body>,
</body>.
Generación del salto de página.
Párrafos.
Para hacer
párrafos en la
página, tendrás
que anexarle la
etiqueta:
<p> </p>.
Estilos del texto.
Para poner el texto en negritas se utiliza <b>, </b>.
Para tener el texto cursivo se utiliza <i>, </i>.
Para tener el texto subrayado se toma <u>, </u>.
Para cambiar el tamaño de la fuente del texto. Existen 7 tamaños de fuente las cuales son:
< font size = “ +1 ” > texto de prueba </font>
< font size = “ +2 ” > texto de prueba </font>
< font size = “ +3 ” > texto de prueba </font>
< font size = “ +4 ” > texto de prueba </font>
< font size = “ +5 ” > texto de prueba </font>
< font size = “ +6 ” > texto de prueba </font>
< font size = “ +7 ” > texto de prueba </font>
Texto de prueba
Texto de prueba
Texto de prueba
Texto de prueba
Texto de prueba
Texto de prueba
Texto de prueba
Para cambiar tambien los nivel del texto tenemos una sintaxis más corta las cuales son:
< h1> texto de prueba </h1>
< h2> texto de prueba </h2>
< h3> texto de prueba </h3>
< h4> texto de prueba </h4>
< h5> texto de prueba </h5>
< h6> texto de prueba </h6>
Nivel 1
Nivel 2
Nivel 3
Nivel 4
Nivel 5
Nivel 6
Ejemplo.
Para poder
entender aun
mejor, les
trajimos un
ejemplo de
una pagina
Web, esto
aplica para
cualquier
página Web,
nosotros al
darle click
derecho en
cualquier
parte de la
página nos
despliega un
submenú, una
vez estando
ahí le damos
click en Ver
código fuente.
Bueno, hay algunas etiquetas
desconocidas y es por que no solo se
pueden crear páginas Web, en el bloc
de notas, si no también en FrontPage,
Publisher.
BIBLIOGRAFÍA.
Nota: para poder ver todas las etiquetas disponibles par darle mucho mejor
formato a tu documento puedes consultar los siguientes dos libros, que
puedes conseguir sin ningún problema en la biblioteca:
• HTML BÁSICO DISEÑO Y PROGRAMACIÓN DE PAGINAS WEB.
D.C.G. MARCELA E. BUITRÓN DE LA TORRE.
• DOMINE HTML Y DHTML.
JOSÉ LÓPEZ QUIJADO.
ED. ALFAOMEGA.
http://www.aulaclic.es/html/t_1_1.htm
Descargar

Diapositiva 1