Taller

1.
2.
3.
4.
5.
6.
7.

Que es HTML?
Aspecto de HTML.
Historia del HTML.
Estructura de un documento HTML
La sintaxis de HTML
Elementos de bloque y lnea
Referencias de carcter

Solucin
1. HTML es el acrnimo de HyperText Markup Language (Lenguaje de
Marcado de Hipertexto) y es el lenguaje que se utiliza para crear las
pginas web. Este lenguaje indica a los navegadores cmo deben
mostrar el contenido de una pgina web.
El lenguaje html contiene dos partes:

el contenido, que es el texto que se ver en la pantalla de un

ordenador,
las etiquetas y atributos que estructuran el texto de la pgina
web en encabezados, prrafos, listas, enlaces, etc. y normalmente
no se muestra en pantalla.
2. El HTML es slo una representacin textual del contenido y de su
significado general. Por ejemplo, el cdigo para el encabezamiento
"Aspecto del HTML" es el siguiente:

<h2 id="htmllooks">Aspecto del HTML </h2>

La parte <h2> es un marcador (que se conoce como "etiqueta") que

significa "lo que sigue se debe considerar como un ttulo de segundo
nivel". </h2> es una etiqueta que indica dnde acaba el ttulo de
segundo nivel (y se conoce como "etiqueta de cierre"). La etiqueta de
apertura, la etiqueta de cierre y todo lo que hay entre ellas se conoce
como "elemento". Mucha gente utiliza los trminos elemento y etiqueta
indistintamente, lo cual no es del todo correcto. id="htmllooks" es un
atributo; ya hablaremos de los atributos ms adelante.
La mayora de los navegadores incorporan una opcin "Cdigo fuente" o
"Ver el cdigo fuente", normalmente bajo el men "Ver". Si vuestro
navegador incorpora esta opcin, seleccionadla y dedicad unos
momentos a mirar el cdigo fuente HTML de esta pgina.

3. El origen del lenguaje HTML se remonta al fsico Tim Berners-Lee, un

trabajador del CERN (Organizacin Europea para la Investigacin
Nuclear) quien a finales de 1989 propuso el lenguaje HTML junto con el
protocolo HTTP, cuya finalidad era crear un medio para poder compartir
informacin entre diversos grandes fsicos de la poca que trabajaban
por todo el mundo.
El primer documento que se public de manera formal, sobre la
estructura del HTML se public en el ao de 1991 con el nombre de:
HTML Tags, simplemente texto en donde se explican las etiquetas que
se usan en HTML. Este documento aun se encuentra disponible para su
consulta en la web: HTML Tags.
Tal y como explica el documento, en HTML se utilizan etiquetas de
apertura y de cierre (solo en algunas excepciones no) en donde se abre
con los corchetes angulares y se cierra de igual manera con los
corchetes pero anteponiendo un (/).
Es decir: <Title></Title>
Versiones de HTML
El primero en salir fue el HTML 1, sin embargo no fue considerado un
estndar, por lo que muchas veces se considera al HTML 2 como la
primera versin del HTML.
HTML 2: Presentado en el ao de 1995, el HTML 2 es considerado la
primera versin del HTML, el cual no soportaba tablas y donde la
declaracin explcita de los elementos body, html y head es opcional.
HTML 3.2: Esta versin se lanz en el ao de 1997 gracias al organismo
de estandarizacin llamado W3C (World Wide Web Consortium). El cual
incorpor los ltimos avances de las pginas web como applets de Java y
texto que fluye alrededor de las imgenes.
HTML 4.0: Lanzada en 1998. Entre sus novedades ms destacadas se
encuentran las hojas de estilos CSS, la posibilidad de incluir pequeos
programas o scripts en las pginas web, mejora de la accesibilidad de
las pginas diseadas, tablas complejas y mejoras en los formularios.
HTML 4.01: sali a la luz en 1999 como una revisin y actualizacin de la
versin HTML 4.0, por lo que no incluye novedades significativas.
HTML 5: quinta revisin importante del lenguaje bsico de la World Wide
Web, el cual especifica dos variantes de sintaxis para HTML: el clsico
HTML (text/html), y la variante conocida como HTML5 y una variante

XHTML conocida como sintaxis XHTML5. Este nuevo estndar aun no es

tan utilizado pero su potencial es mucho mayor a las versiones
anteriores, el cual incluye interesantes mejoras como nuevos elementos
y etiquetas.
4. Todos los documentos Html tienen la estructura que se muesta a

continuacin, aunque la etiqueta <body> puede ser sustituida

por <frameset> para un tipo de pginas que dividen la ventana del
navegador en varios cuadros (frames).
5. <HTML>
6.
<HEAD>
7.
<TITLE>Ttulo de la pgina</TITLE>
8.
...
9.
</HEAD>
10.
11.
<BODY>
12.
Aqu ira el contenido de la pgina
13.
</BODY>
14. </HTML>

Entre las etiquetas <html> y <head> se suelen colocar otras

opcionales, como por ejemplo:
<meta name="description" content="Informacin sobre el
Centro,las enseanzas que se pueden cursar, los departamentos
didcticos">
<meta name="keywords"
content="educacin,enseanza,instituto, profesores,
alumnos">en este caso las etiquetas le indican a los buscadores
el contenido de nuestras pginas (description) y algunas palabras
clave (keywords) para su localizacin

La cabecera es la seccin comprendida

entre <head> y </head>. En ella se encuentra necesariamente el
ttulo (entre las etiquetas <title> y </title>).
El ttulo de la pgina debe describir su contenido por ejemplo:
<TITLE>Colegio Pblico de Villaman - mbito de Influencia </TITLE>
no valdra en cambio
<TITLE>Pgina de Inicio</TITLE> ya que esto no dice nada por si
solo

Dentro de la cabecera tambin se suele incluir cdigo en JavaScript,

que se reconoce porque va comprendido entre las etiquetas
<script language="JavaScript">
<!-Aqu ira el cdigo
// -->
</SCRIPT>

5. un elemento bsico en HTML consiste en dos marcadores al principio y al

final de un bloque de texto. Hay algunos elementos que no rodean al texto y,
en la mayora de los casos, los elementos pueden contener subelementos
(como html que contiene head y body en el ejemplo anterior).
Los elementos tambin pueden tener atributos, que pueden modificar el
comportamiento del elemento e introducir un significado adicional.
<div id="masthead">
<h1>Conceptos bsicos del
<abbr title="lenguaje de marcado de hipertexto">HTML</abbr>
</h1>
</div>
En este ejemplo hay un elemento div (divisin de pgina, una manera de partir
los documentos en bloques lgicos) con un atributo id aadido que tiene el
valor de masthead. El elemento div contiene un elemento h1 (encabezamiento
de primer nivel o ms importante), que al mismo tiempo contiene texto. Parte
de este texto est incluido en un elemento abbr (que se utiliza para especificar
la expansin de las siglas), que tiene el atributo title, cuyo valor est definido
como lenguaje de marcado de hipertexto (Hypertext Markup Language).
Muchos de los atributos de HTML son comunes para todos los elementos,
aunque algunos son especficos de uno o varios elementos concretos. stos
tienen siempre la forma palabraclave="valor". El valor debe aparecer siempre
entre comillas simples o dobles (en algunas circunstancias se pueden omitir las
comillas, pero no es una prctica recomendable con respecto a la
predictibilidad, la comprensin y la claridad; se deben poner siempre los
valores entre comillas).

La mayora de los atributos y sus valores posibles estn definidos por las
especificaciones HTML; no es posible crear atributos propios sin invalidar el
HTML, ya que ello puede confundir a los agentes de usuario y provocar
problemas a la hora de interpretar correctamente la pgina web. Las nicas
excepciones reales son los atributos id y class; sus valores estn totalmente
bajo vuestro control, ya que sirven para aadir significado y semntica propias
a vuestros documentos.
Un elemento que se encuentra dentro de otro elemento se conoce como "hijo"
de este elemento. As pues, en el ejemplo anterior, abbr es hijo del elemento
h1, que al mismo tiempo es hijo de div. Y al revs, el elemento div sera
"padre" del elemento h1. Este concepto de padre/hijo es muy importante, ya
que es la base de CSS y se utiliza mucho en JavaScript.

6. Elementos de bloque
Los elementos de bloque son elementos que ocupan todo el espacio
disponible a lo ancho y el espacio necesario (en funcin de su contenido) a
lo alto y se agrupan en vertical, apilndose como ladrillos.
A un elemento de bloque se le puede fijar un ancho especifico para evitar
que ocupe todo el espacio aunque se seguirn apilando en vertical salvo
que usemos la propiedad float (que veremos ms adelante).
Algunos elementos de bloque son div, table, p,
Elementos de lnea
Los elementos de lnea son elementos que ocupan el espacio necesario (en
funcin de su contenido) tanto a lo ancho como a lo alto y que se apilan
horizontalmente mientras tengan espacio, una vez alcanzado el ancho
mximo (delimitado por los elementos que los contengan) saltarn de lnea
y seguirn apilndose en horizontal.

Algunos elementos de linea son span, em, b,

7. Un ltimo aspecto que hay que mencionar de un documento HTML es la

manera de incluir caracteres especiales. En el HTML, los caracteres <, > i &
son especiales. Estos caracteres inician y finalizan partes del documento HTML,
y no representan los caracteres de "menor que", "mayor que" y "et".
Uno de los primeros errores que puede cometer un autor de webs es utilizar un
carcter "et" en un documento y entonces ver que aparece algo inesperado.

Por ejemplo, si se escribe la frase "Imperial units measure weight in

stones&pounds" puede ser que en algunos navegadores se vea "...stoness".
Esto sucede porque en HTML la cadena literal "&pound;" ses en realidad una
referencia de carcter. Una referencia de carcter es una manera de incluir en
un documento un carcter que es difcil o imposible de escribir desde un
teclado, o en una codificacin de documento concreta.
El smbolo "et" (&) introduce la referencia, y el punto y coma (;) la acaba. No
obstante, muchos agentes de usuario pueden ser muy condescendientes a la
hora de perdonar errores en el HTML, como por ejemplo el de olvidar el punto y
coma, e interpretarn "&pound" como una referencia de carcter. Las
referencias pueden ser nmeros (referencias numricas) o palabras abreviadas
(referencias de entidades).

WEBGRAFIA

https://www.masadelante.com/faqs/html
http://mosaic.uoc.edu/ac/le/es/m3/ud1/index.html
http://webadictos.com/2012/12/30/breve-historia-del-html/
http://platea.pntic.mec.es/~abercian/guiahtml/estructura.htm
http://dediez.es/html/html-basico-elementos-de-linea-y-elementos-de-bloque/