Vous êtes sur la page 1sur 2

1

VERSIN

GUA DE CLASE
INFORMATICA

FECHA APROBACIN

2015

INFORMATICA
SEMANA No. 26 CLASE No. 26
DOCENTE: Freddy Alzate

FECHA: Del 24 al 28 de Agosto


PERIODO : III GRADO: 8-2 y 8-3
AREA:Tecnologa e Informtica ASIGNATURA: Informtica

DESARROLLO
CARACTERISTICAS GENERALES DEL LENGUAJE HTML
HTML es simplemente texto
Lo primero es saber que un documento HTML es un archivo de texto simple, luego, se puede editar con cualquier editor de
texto sencillo, como el Block de Notas de Windows.
Igualdad de maysculas y minsculas.
HTML no distingue entre maysculas y minsculas en la especificacin de marcas y sus atributos. Sin embargo, por
legibilidad, es aconsejable codificar tanto marcas como atributos en maysculas.
No importan los tabuladores, ni los saltos de lnea
Los visualizadores no toman en cuenta las tabulaciones, los saltos de lnea ni los espacios en blanco extra. Esto tiene
ventajas y desventajas. La principal ventaja es que permite obtener resultados uniformes y de buena presentacin de
manera bastante fcil.
La principal desventaja es que un documento HTML, por lo menos se debe usar las marcas <P>...</P> o <BR> para evitar
que quede todo el texto en una sola lnea.
Caracteres especiales
En HTML existen algunos caracteres que son especiales porque juegan un papel dentro del mecanismo del funcionamiento
de HTML, como sucede con los smbolos mayor que (>) y menor que (<), y otros porque en los primeros tiempos de HTML,
no formaban parte del juego de caracteres internacionales del alfabeto, como sucede con los acentos.
Sea por los motivos que fuere, el caso es que existen ciertos smbolos que no pueden escribirse directamente, sino que
deben sustituirse por una cadena de caracteres que el visualizador interpretar de forma correcta. Estas cadenas de
caracteres comienzan siempre por el smbolo (&) seguido de una combinacin de caracteres alfabticos que tienen un
significado especial en HTML. En la siguiente tabla se muestra cmo escribir algunos de estos caracteres:
Carcter especial
Los acentos
Smbolo menor que (<)
Smbolo mayor que (>)
La ee
Espacios en blanco

Transcripcin HTML
&<vocal a acentuar> acute;
&lt:
&gt;
&ntilde;
&nbsp; (non breaking space)

Comentario
En la actualidad la mayora de los browsers los soportan

En la actualidad la mayora de los browsers la soportan


HTML slo reconoce un espacio en blanco entre palabras

De manera ms general, para representar smbolos reservados o smbolos particulares, se puede utilizar el cdigo ASCII del
smbolo mediante la sintaxis siguiente: &#cdigo_ASCII;

VERSIN

GUA DE CLASE
INFORMATICA

FECHA APROBACIN

2015

ESTRUCTURA DE UN DOCUMENTO HTML.


Un documento HTML, no es ms que el texto definido entre las marcas:
<HTML>.............
</HTML>
Un documento HTML siempre se compone de las siguientes 2 partes:
<HTML>
<HEAD> Cabecera del documento
</HEAD>
<BODY> Contenido del documento
</BODY>
</HTML>
Cabecera: Se inicia mediante el comando <HEAD> y se termina con </HEAD>. Dentro de la cabecera hay informacin del
documento, que no se ve en la pantalla principal, y que precisa las caractersticas del documento, principalmente el ttulo
del documento.
El ttulo del documento se declara entre las etiquetas <TITLE> y </TITLE>. El ttulo debe ser breve y descriptivo de su
contenido, pues ser lo que vean los dems cuando aadan nuestra pgina a su bookmark (o agenda de direcciones
favoritas).
Cuerpo: se inicia mediante el comando <BODY> y se termina con el comando </BODY>. Este comando acepta numerosos
modificadores. Dentro del cuerpo del documento se incluye cualquier carcter imprimible.
En la prctica algunos visualizadores no necesitan las etiquetas de comienzo y cierre de <HTML>, <HEAD>, y <BODY> para
interpretar un documento HTML. Sin embargo, cuando diseemos una pgina Web debemos tener en cuenta a la mayora
de usuarios posibles, por lo que es muy recomendable incluir estas marcas.

TAREAS Y COMPROMISOS
ACTIVIDADES
1. Copiar en el cuaderno.
2. Elabora un archivo .html con el siguiente cdigo, agrega lo que hace
falta y entrgalo.

TAREAS

1. Debes elaborar una presentacin en prezi


sobre este tema.

<P><U>subrayado</U>
<P><STRIKE>tachado</STRIKE>
<P><BIG>letra ms grande que el estndar</BIG>
<P><SMALL>letra ms pequea que el
estndar</SMALL>
<P>Texto tipo<SUB>subndice</SUB>
<P>Texto tipo<SUP>superndice</SUP>

RECURSOS
Open office, Porttil,
Internet(https://prezi.com/)
https://ingfreddy.neolms.com

www.ingfreddy.blogspot.com

Vous aimerez peut-être aussi