Vous êtes sur la page 1sur 14

Qu es HTML?

El HTML es el lenguaje con el que se escriben las pginas


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


prctico y poderoso son los browser. Estos son
programas utilizados para visualizar las pginas Web.
Los ms utilizados son el Internet Explorer y Netscape.

Los browser se encargan de interpretar el


cdigo HTML de los documentos, y de mostrar
a los usuarios las pginas Web resultantes del
cdigo interpretado.

HTML

ELEMENTOS DE UN DOCUMENTO HTML.

Los comandos de marcacin son la base del lenguaje, pues estos comandos le indican al
browser que debe hacer con los elementos del documento ( escritura, formato y vnculos ),
de modo que el programa puede diagramar la pgina.
Un documento en HTML se define bsicamente por los siguientes comandos:

<html>

Esta etiqueta se emplea siempre para iniciar un cdigo HTML. Es la forma


de de decirle al navegador que en ese punto comienza el cdigo.

<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.

HTML

ELABORACIN DE UN DOCUMENTO HTML.


1.- Para poder elaborar un documento HTML debemos primero
de iniciar el Bloc de Notas , para la creacin del mismo.
2.- A hora una vez abierto el Bloc de Notas anotaremos los
elementos bsicos 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 parntesis angulares < > y el
nombre de la etiqueta no importa
si se escribe con mayscula o
minscula:
< 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 divisin ( / ) estmosle
indicando que ah se ha terminado
la funcin de esa etiqueta.

HTML

3.- Una vez terminado el segundo paso , lo


que procede es guardar nuestro
documento:

4.A continuacin daremos paso al


guardado de
nuestro documento, sin
olvidar que debe tener la extensin .HTML
de lo contrario solo lo guardara como
archivo de texto y no como pgina de
HTML.
No olvides que la extensin puede ir en
minscula ( .html ) mayscula ( . HTML ).

HTML

A hora observa que si al


momento
de
guardar
el
documento
sin
ninguna
extensin automticamente
lo
guardar como un archivo de
texto, y no como un documento
de HTML, por ello es importante
poner la extensin .html .

HTML

Ubicacin de nuestro documento.


Cuerpo del documento.
<body> Hola compaeros este es un ejemplo sencillo de HTML </body>

Encabezado al inicio de la pagina


Web. <title> Ejemplo </title>

COMANDOS BSICOS.
Salto de lnea.

Para poder
hacer un salto
de pgina en el
cuerpo de tu
documento
tendrs que
anexarle la
etiqueta:
< br> </br>.
Recuerda que
todo esto se
agrega dentro
de las etiquetas
de <body>,
</body>.

Generacin del salto de pgina.

Prrafos.

Para hacer
prrafos en la
pgina, tendrs
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 tamao de la fuente del texto. Existen 7 tamaos 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 ms 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
pgina Web,
nosotros al
darle click
derecho en
cualquier
parte de la
pgina nos
despliega un
submen, una
vez estando
ah le damos
click en Ver
cdigo fuente.

Bueno, hay algunas etiquetas


desconocidas y es por que no solo se
pueden crear pginas Web, en el bloc
de notas, si no tambin en FrontPage,
Publisher.

BIBLIOGRAFA.

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 ningn problema en la biblioteca:

HTML BSICO DISEO Y PROGRAMACIN DE PAGINAS WEB.


D.C.G. MARCELA E. BUITRN DE LA TORRE.

DOMINE HTML Y DHTML.


JOS LPEZ QUIJADO.
ED. ALFAOMEGA.

http://www.aulaclic.es/html/t_1_1.htm

Vous aimerez peut-être aussi