Está en la página 1de 5

HTML

1.INTRODUCCION:

En la década de los 80 y su origen se lo debe aTim Berners- Lee (Fisico) propuso un nuevo sistema
basado en el “hipertexto” para compartir documentos el hipertexto permite acceder a la
información de acuerdo a losenlaces de pagina WEB.

2.DEFINICION:

HTML ee un lenguaje que se utiliza para crear paginas WEB, las mismas son ejecutadas en el
navegador.

En el año 1986 la organización internacional de estandares , publica el lenguaje de marcado


generalizado estándar(SGML-Estándar marcup Language) es un estándar para definir lenguajes de
marcado generalizado para documentos ISO .

El Lenguaje HTML es un estándar reconocido mundialmente y su desarrollo y avance tecnológico


depende de la organización la cual se denomina el consorcio de las tres W World Wide Web
WWW. Por tal razón cualquier documento HTML se ejecuta en cualquier navegador y sistema
operativo , podemos afirmar que HTML es un lenguaje conocido universalmente y que permite
publicar información de forma global HTML se traduce Hypertext Markup Languages.

HTML a lo largo del tiempo ha evolucionado en sus versiones el estándar HTML 1.0 incluye el 95%
de estándar HTML 4.0 y tiene algunas mejoras las normas oficiales están escritas en el lenguaje
bastante formal el lenguaje XHTML es muy similar al lenguaje HTML por tanto XHTML es una
adaptación de HTML al lenguaje XML técnicamente HTML es un descendiente directo del lenguaje
SGML mientras que XHTML los de XML que a su vez también es descendiente SGML:

SGML

XML
HTML

XHTML
3.estructura del HTML se divide:

En la cabecera se coloca información del documento HTML como el titulo, idioma, reglas
necesarias para la ejecución de la pagina web, los contenidos o la información que debe contener
la página web así como: imagen, video, audio, etc.

ESTRUCTURA DE UN DOCUMENTO HTML:

<html> indica el inicio del documento WEB

<head> indica el inicio de la cabecera

<title> inicio y final del titulo

</title> final del titulo

</head> indica el final de la cabecera

<body> inicio del cuerpo del documento

Elementos HTML

</body> final del cuerpo del documento

</html> Final del documento


-Párrafos -tablas

ESTRUCTURA -Encabezados -capas

HTML
-listas -etc.

-texto -video

CONTENIDO -imagen -audio

-enlaces -etc.

-colores -fondos

APARICENCIA -tipografía

-alineación
-tamaños

-etc.
CSS
-efectos

COMPORTAMIENTO -validación

-automatización JS
-etc.
Sintaxis y reglas de formato HTML . el lenguaje HTML es muy flexible y permisivo, sus etiquetas se
pueden escribir e interpretar de forma diferente en mayúsculas en minúsculas incluso
combinando mayúsculas y minúsculas, el valor de los atributos en las etiquetas podrían estar en
comillas simples o dobles además del orden en que las etiquetas se abren y se cierran por tanto
HTML es flexible y soportaba un código desordenado, poco profesional y complicado en su
mantenimiento, afortunadamente en el transcurso del tiempo fue evolucionando y
perfeccionando su sintaxis para resolver problemas .

Restricciones de sintaxis:

A continuación veremos las reglas básicas para escribir HTML en relación a la sintaxis .

1.) Ejemplo
<p>es un párrafo con un enlace<a></p></a>

Lo correcto es :

<p>es un párrafo con un enlace<a>enlace</a></p>

Entonces esto quiere decir que las etiquetas se tienen que cerrar de acuerdo a como se abren

2.) Ejemplo
<P>este enlace<a href=http://umsa.bo>UMSA</a></P>
Lo correcto es:
<p>este enlace<a href=http://umsa.bo>UMSA</a></p>

Los nombres de las etiquetas y atributos simpre se escriben en minúscula

3.) Ejemplo
<a href=http://correo.umsa.bo>e_mail</a>
Lo correcto es:
<a href=”http://correo.umsa.bo”>e_mail</a>

El valor de los atributos siempre se encuentran en comillas.

Todas las etiquetas deben cerrarce siempre, pero existen etiquetas especiales llamadas “etiquetas
vacias” que no necesitan cerrarce y no encierra contenido, ejemplo:

<br> (esta etiqueta se utiliza para indicar el comienzo de una nueva linea)

<br><br> ahora se escribe “br/”

Además de estas restricciones HTML incluye otros cambios mas avanzados como:

a)se eliminan todos los espacios en blanco antes y después del atributo y los sobrantes dentro de
un valor del atributo salvo un único espacion en blanco para separar diferentes palabras

<a href=”http://correos.umsa “ > e_mail</a>

Elementos HTML :
HTML define el elemento para referirse a las partes que lo componen los documentos HTML y esta
formado po:

- Etiqueta de apertura
- Cero o mas atributos
- Contenido entre las etiquetas
- Etiqueta de cierre

Etiqueta etiqueta

De de

Apertura cierre

<p align=”left”>Es un párrafo de texto</p>


Nombre valor c o n t e n i d o

Del del

Atributo atributo

Por otra parte HTML clasifica a todos los elementos en dos grupos:

Elementos en línea

Elementos en bloque

Ejemplo: los párrafos son elementos de bloque, enlaces son elementos en línea en linea los
enclaces dentro de un párrafo siguen siendo elementos de línea

Los elementos de bloque siempre empiezan en un nueva línea y ocupan todo el espacio hasta el
final de la línea .

Elementos en línea:

A, abbr, acronym, b , bdo, big, br, cite, code, efn, em, Font, i, input, kdb, label, q, s, samp, small,
strike, string, sup, u, var.

Elementos de bloque:

Addres, blockquote, center, dir, div, dl, fieldset, h1……h6, hr , isindex, menu, nos-script, ol, p, pre,
table, ul.

Los siguientes elementos pueden considerarse en línea y debloque según las circunstancias:
button, del, iframe, ins, map, object, scripy

URL (localizador de recursos uniforme):

Permite localizar y acceder a cualquier recurso de la red desde el navegador, una URL ni define por
si sola el tipo de contenido al que se refiere (audio, video, texto, imagen, etc) simplemente indica y
como encontramos. La URL esta compuesta de 4 pares:
a) Tipo de servicios hace referencia a los servicios de la internet, el servicio o protocolo
corresponde a la www HTTP(hiper text transpor protocolo). Por tanto para acceder a un
documento HTML en la web debe utilizarse este protocolo o servicios, otros servicios son
ftp, news, telnet o mairto.
b) Maquina dominio:
Especifica el nombre del servidor en el que se encuentra el documento junto al dominio al
que pertenece dicho servidor o en caso contrario una dirección IP (protocolo de internet)
en el cual esta alojado el doumento HTML
c) Puerto el puerto es opcional lo normal es no colocarlo solo en el caso de que el servidor
utilize un puerto diferente distinto al puerto por defecto
d) Camino o ruta es la ruta de directorios a seguir separados por “/”, y el nombre del archivo
que estamos referenciando

Ejemplo de URL:

http://www.umsa.bo/trab_social/index
protocolo nombre del servidor(maquina ruta: directorios y archivos

y dominio o dirección IP)

También podría gustarte