HTML (HYPERTEXT MARKUP LANGUAGE)

ALUMNA:
ANDREA GUERRERO MOLINA

MATERIA:
ELECTIVA DE FORMACION INTEGRAL III

DOCENTE:
PAULA ANDREA ROA

CORPORACIN UNIFICADA NACIONAL DE EDUCACIN SUPERIOR CUN

IBAGUE
2015

HTML (HYPERTEXT MARKUP LANGUAGE)

ALUMNA:
ANDREA GUERRERO MOLINA

CORPORACIN UNIFICADA NACIONAL DE EDUCACIN SUPERIOR CUN

IBAGUE
2015

CONTENIDOS
1. Que es html
2. Aspectos del html
3. Historia del html
4. Estructura de un documento html
5. La sintaxis de los elementos html
6. Elementos de bloque y en lnea
7. Referencias de carcter

1. QUE ES HTML
HTML es un lenguaje de programacin que se utiliza para el desarrollo de pginas
de Internet. Se trata de la sigla que corresponde a HyperText Markup Language,
es decir, Lenguaje de Marcas de Hipertexto, que podra ser traducido
como Lenguaje de Formato de Documentos para Hipertexto.
EL HTML se encarga de desarrollar una descripcin sobre los contenidos que
aparecen como textos y sobre su estructura, complementando dicho texto con
diversos objetos (como fotografas, animaciones, etc).

2. Aspectos del html

Para comenzar a crear nuestras pginas web lo nico que tendremos que hacer
es ir componiendo las diferentes etiquetasHTML dentro de un documento.Una
etiqueta HTMLes un trmino rodeado por un signo de menor y otro de mayor; por
ejemplo:

<strong>Esta etiqueta indica que el texto que aparece a continuacin se

debe destacar sobre el resto; normalmente se muestra en negrita.En
muchos casos necesitaremos tambin una segunda etiqueta que delimite el
final. As, para que el texto deje de estar destacado y contine
normalmente, empleamos la misma etiqueta con una barra:</strong>

El conjunto de las dos etiquetas y el texto contenido en su interior conformaran un

elemento HTML .
Algunos elementos requieren esa apertura y cierre, mientras que en otros casos
slo necesitaremos una etiqueta, ya quereflejamos un elemento puntual o con un
contenido vaco. Por ejemplo:

 <hr />
hace que en el documento aparezca una lnea separando el texto anterior del
siguiente. Como se puede observar, cuando un elemento no va a tener una
etiqueta de cierre (no existe un </hr>), el indicador de fin se aade en la propia
etiqueta inicial.
Nota: Todas las etiquetas HTML se escriben siempre en
Minsculas . Si bien los navegadores son capaces de interpretar las etiquetas en
maysculas, las normas de la W3C especifican que todas las etiquetas se debe
escribir en minsculas. Otra caracterstica importante de las etiquetas es que son
anidables, por lo que podemos definir un prrafo (mediante lasetiquetas <p>y
</p>) y en su interior incuir una lista de elementos, imgenes, texto destacado,
etc. empleando diferentes etiquetas. Veremos muchos ejemplos al respecto.
Parmetros de las etiquetas
Muchas etiquetas HTML necesitan contar con parmetros para funcionar
correctamente. stos son modificadores que se introducen entre los signos de
apertura y cierre para definir algn matiz concreto del elemento HTML.
Por ejemplo, la etiqueta
<img />se emplea para insertar una imagen en la pgina web, pero por si
sola no funciona correctamente. Necesita que le incorporemos un
parmetro en el que indiquemos qu imagen ser la que se muestre.
Quedara as:
<img src=fotodelgrupo.jpg />
En el ejemplo siguiente, adems de indicar qu imagen se mostrar,
establecemos el tamao que ocupar en la pantalla:<img src=fotodelaula5.jpg
width=300px height=150px />Los parmetros se identifican por un trmino,
seguido de un signo de igual y a continuacin, entre comillas, el valor que le
queramos asignar

3.Historia del HTML

Este lenguaje fue desarrollado por la Organizacin Europea de Investigacin
Nuclear (CERN) en el ao 1945 con la finalidad de desarrollar un sistema de
almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a
travs de hipervnculos. Primeramente crearon un dispositivo llamado memex, el
cual era considerado como un suplemento para la memoria.
Posteriormente, Douglas Engelbart, dise un entorno de trabajo por computadora
que recibira el nombre de oNLine System que posea un catlogo para facilitar la
tarea de bsqueda dentro de un mismo organismo.
Recin en 1965, Ted Nelson acu el trmino hipervnculo, ideando una estructura
que se encontraba conectada de forma electrnica y que ms tarde permitira la
creacin de la World Wide Web (1989), un sistema de hipertexto a travs del cual

era posible compartir una variada informacin sirvindose de Internet (serva para
la comunicacin entre investigadores nucleares que formaran parte del CERN).
El norteamericano Tim Berners-Lee fue el primero en proponer una descripcin de
HTML en un documento que public en 1991. All describa veintids componentes
que suponen el diseo ms bsico y simple del HTML.
El tipo de codificacin que se utiliz para el desarrollo de este sistema de
hipervnculos deba ser comprendido, tanto por ordenadores tontos como por
mega-estaciones, por eso fue necesario crear uno absolutamente simples, tanto
en lo que respectaba al lenguaje de intercambio (HTML), como el que haca
referencia al protocolo de red (HTTP).
Al da de hoy existen los Editores Web que permiten que los diseadores, a travs
de herramientas grficas que reciben el nombre de WYSIWYG puedan crear
pginas web sin conocer el cdigo html, este se crea de forma automatizada,
dndole estructura a la web y permitiendo que sea ms all del ordenador donde
es creada. Entre los recursos que pueden enlazarse al cdigo HTML se
encuentran fotografas, vdeos, archivos de otras webs o incluso de la misma
y todo tipo de contenido que se encuentre subido a la red.

4. Estructura de un documento html

Cada pgina comienza con: < HTML > .

A continuacin viene la cabecera, delimitada por < HEAD > y < /HEAD > .
Despus, el comando < BODY >, que indica el comienzo del cuerpo de la
pgina. Las instrucciones HTML se escribirn a continuacin, y finalizarn
con < /BODY >.
La pgina acabar con < /HTML > .

Es decir:
<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>

Cabecera
La cabecera de un documento est delimitada por las etiquetas < HEAD
> y </HEAD > Sus componentes son opcionales. El ms importante es <TITLE> ,
que permite escribir el ttulo del documento. El ttulo no se muestra en la pgina,
sino en la parte superior de la ventana del visualizador, como identificador en
los bookmarks y en la history list. Se utiliza de la siguiente forma:
<HEAD>
<TITLE>Ttulo del documento HTML</TITLE>
</HEAD>

5. La sintaxis de los elementos html

l lenguaje HTML original era muy permisivo en su sintaxis, por lo que era posible
escribir sus etiquetas y atributos de muchas formas diferentes. Las etiquetas por
ejemplo podan escribirse en maysculas, en minsculas e incluso combinando
maysculas y minsculas. El valor de los atributos de las etiquetas se podan
indicar con y sin comillas ("). Adems, el orden en el que se abran y cerraban las
etiquetas no era importante.
La flexibilidad de HTML puede parecer un aspecto positivo, pero el resultado final
son pginas con un cdigo HTML desordenado, difcil de mantener y muy poco
profesional. Afortunadamente, XHTML soluciona estos problemas aadiendo
ciertas normas en la forma de escribir las etiquetas y atributos.
A continuacin se muestran las cinco restricciones bsicas que introduce XHTML
respecto a HTML en la sintaxis de sus etiquetas:
1) Las etiquetas se tienen que cerrar de acuerdo a como se abren:
Ejemplo correcto en XHTML:
<p>Este es un prrafo con <a>un enlace</a></p>
2) Los nombres de las etiquetas y atributos siempre se escriben en
minsculas:
Ejemplo correcto en XHTML:
<p>Este es un prrafo con <a href="http://www.google.com">un enlace</a></p>

3) El valor de los atributos siempre se encierra con comillas:

Ejemplo correcto en XHTML:
<p>Este es un prrafo con <a href="http://www.google.com">un enlace</a></p>
4) Los atributos no se pueden comprimir:
Ejemplo correcto en XHTML:
<dl compact="compact">...</dl>
Este tipo de atributos en los que el nombre coincide con su valor no son muy
habituales.
5) Todas las etiquetas deben cerrarse siempre:
La mayora de etiquetas HTML encierran un contenido de texto entre la etiqueta
de apertura y la etiqueta de cierre. Sin embargo, algunas etiquetas especiales
llamadas "etiquetas vacas" no necesitan encerrar ningn texto.
La etiqueta <br> por ejemplo, se utiliza para indicar el comienzo de una nueva
lnea, tal y como se ver ms adelante. Por sus caractersticas, la etiqueta <br>
nunca encierra ningn contenido de texto.
Como el estndar XHTML obliga a cerrar todas las etiquetas abiertas, siempre que
se incluya la etiqueta <br> se debera cerrar de forma seguida: <br></br>. Para
que el cdigo resulte ms cmodo de escribir, XHTML permite en estos casos
escribir de forma abreviada una etiqueta que se abre y se cierra de forma
consecutiva.
En lugar de abrir y cerrar de forma consecutiva la etiqueta (<br></br>) se puede
utilizar la sintaxis <br/> para indicar que es una etiqueta vaca que se abre y se
cierra en ese mismo punto. En la forma compacta es habitual equivocarse con la
posicin del carcter /.
Ejemplo correcto en XHTML:
<br/>
Ejemplo incorrecto en XHTML (pero correcto en HTML):
<br>

6. Elementos de bloque y en lnea

Como su nombre los indica, ya hay una definicin en si, de cada tipo.
- Los elementos de tipo block, son elementos que forman un bloque separado.
- Lo de tipo inline, son aquellos que permanecen en lnea con los dems
elementos.
Los elementos de tipo block
Estos elementos poseen las siguientes caractersticas:

Forma un bloque y se posiciona de forma vertical con un nuevo salto de

lnea.
Las anchura es la mxima que puede tomar dentro de siu elemento
contenedor (padre)
La altura cambia en base al contenido que posea.
Puede contener otros elementos de tipo inline y block
Por medio de CSS se le puede aplicar una anchura y un altura fija.

Elemento que corresponden al tipo block:

Parrafos
<p>
Titulares
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
Cajas
<div>
Listas
<ul>, <ol>, <li>
Otros
<men>, <dir>, <pre>, <hr>, <blockquote>, <address>, <center>, <noframes>,
<isindex>, <fieldset>, <table>, <form>
Los elementos inline
Estos elementos poseen las siguientes caractersticas:

Se posiciona horizontalmente en lnea con los otros elementos.

La altura y altura se define en base al contenido que posea.
Solo puede contener elementos de tipo inline.
No se puede aplicar una anchura y un altura fija por medio de CSS.

Elemento que por default corresponden al tipo inline:

<a>, <br>, <span>, <bdo>, <object>, <applet>, <img>, <map>, <iframe>, <tt>, <i>,
<b>, <big>, <small>, <u>, <s>, <strike>, <Font>, <basefont>, <em>, <strong>,
<dfn>, <code>, <q>, <sub>, <sup>, <samp>, <kbd>, <var>, <cite >, <abbr>,
<acronym>, <input>

7. Referencias de carcter
Una referencia de caracteres es una pequea pieza de cdigo usada para
representar ciertos caracteres en documentos HTML. Principalmente usada para
insertar smbolos que no pertenecen al juego de caracteres (o en muchos casos,
smbolos difciles de ingresar), las referencias de caracteres pueden insertarse
utilizando una expresin regular. De echo, cada referencia de caracteres puede
insertarse de tres formas diferentes:

Por su nombre de entidad: Cada referencia de caracteres tiene una entidad

asignada. El formato apra insertar un smbolo por su nombre de entidad
est compuesto por un smbolo "&" seguido de su nombre de entidad y un
punto y coma (";"). Por ejemplo, el smbolo de la libra esterlina ("") puede
ser insertado como "&pound;".
Por su valor decimal: Tal como con las entidades, un nmero nico es
asociado con cada referencia de caracteres. El formato es compuesto por
un smbolo "&" seguido de un signo numeral ("#"), el nmero asociado y un
punto y coma (";"). Por ejemplo, el smbolo de la libra esterlina ("") puede
ser insertado como "&#163;".
Por su valor hexadecimal: Este mtodo funciona exactamente como el del
valor decimalcon la diferencia que el nmero se escribe en formato
hexadecimal y una "x" (en minscula) se agrega a continuacin del signo
numeral ("#"). Las letras en el nmero hexadecimal deben ir en
maysculas. Por ejemplo, el smbolo de la libra esterlina ("") puede ser
insertado como "&#xA3;".

CYBERGRAFIA
http://www.htmlquick.com/es/reference/character-entity-reference.html
Lee
todo
en: Definicin
de
html
Qu
Concepto http://definicion.de/html/#ixzz3lNpfOCZ5

es,

Significado

Lee
todo
en: Definicin
de
html
Concepto http://definicion.de/html/#ixzz3lNpNfnp8

Qu

es,

Significado

Lee
todo
en: Definicin
de
html
Qu
Concepto http://definicion.de/html/#ixzz3lNpDcES2

es,

Significado