TALLER 1 HTML

YULY CAROLINA ACOSTA MESA

CORPORACIN UNIFICADA NACIONAL DE EDUCACIN SUPERIOR (CUN)

2015

QUE ES 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).
Es un lenguaje muy simple y general que sirve para definir otros lenguajes que
tienen que ver con el formato de los documentos. El texto en l se crea a partir
de etiquetas, tambin llamadas tags, que permiten interconectar diversos
conceptos y formatos.
Para la escritura de este lenguaje, se crean etiquetas que aparecen
especificadas a travs de corchetes o parntesis angulares: < y >. Entre sus
componentes, los elementos dan forma a la estructura esencial del lenguaje,
ya que tienen dos propiedades (el contenido en s mismo y sus atributos).
Cmo se utiliza el HTML os diremos que el lenguaje consta de etiquetas que
tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo
<B> significa que se escriba en negrita (bold) o <P> significa un prrafo, <A>
es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta
de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta.
Por ejemplo </B> se utiliza para indicar que se deje de escribir en negrita. As
que el HTML no es ms que una serie de etiquetas que se utilizan para definir
el contenido del documento y algn estilo bsico. <B>Esto est en
negrita</B>.
ASPECTOS HTML

Comprender el modelo de etiquetas de HTML.

Identificar la estructura bsica de una pgina web.
Crear una pgina con un editor de texto sencillo.
Crear una primera pgina web con un editor avanzado.

Contenidos

Etiquetas HTML.
Estructura de una pgina web.

Criterios de evaluacin

Crear una pgina web con un editor de texto simple.

Crear una web con un editor avanzado.

Realizar modificaciones en una pgina web.

HISTORIA DE HTML

El origen de HTML se remonta a 1980, cuando el fsico Tim Berners-Lee,

trabajador del CERN (Organizacin Europea para la Investigacin Nuclear)
propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" haban sido desarrollados aos antes. En el
mbito de la informtica, el "hipertexto"permita que los usuarios accedieran a
la informacin relacionada con los documentos electrnicos que estaban
visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podran
asimilarse a los enlaces de las pginas web actuales.
La primera propuesta oficial para convertir HTML en un estndar se realiz en
1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque
se consiguieron avances significativos (en esta poca se definieron las
etiquetas para imgenes, tablas y formularios) ninguna de las dos propuestas
de estndar, llamadas HTML y HTML+ consiguieron convertirse en estndar
oficial.
Images from Shutterstock.com ANTECEDENTES Tim Berners-Lee cre el HTML
original en 1989 para hacer frente a algunas deficiencias en los mtodos
existentes de acceso a la informacin en internet. Desde su concepcin, buscar
un sendero alrededor de internet fue una tarea difcil. El contenido de internet
se trataba como documentos individuales, sin ningn mtodo de acceso
sencillo para navegar entre ellos. Uno bsicamente tena que conocer las
direcciones de los documentos que se estaban buscando y entrar en ellos a
mano. Para solucionar este problema, Berners-Lee cre dos tecnologas: El
HTTP (Hypertext Transfer Protocol) y el HTML. HTTP es un protocolo de
transferencia utilizado por los servidores web para servir contenido.
SINTAXIS DE LOS ELEMENTOS HTML
El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de
base al que llamamos etiqueta. A travs de las etiquetas vamos definiendo los
elementos del documento, como enlaces, prrafos, imgenes, etc. As pues, un
documento HTML estar constituido por texto y un conjunto de etiquetas para
definir la forma con la que se tendr que presentar el texto y otros elementos
en la pgina.La etiqueta presenta frecuentemente dos partes:
Una apertura de forma general <etiqueta>
Un cierre de tipo </etiqueta>
Para fomentar una slida compresin del HTML, miraremos la estructura del
lenguaje propiamente dicho. El funcionamiento de la sintaxis del HTML es

anlogo a la sintaxis de la gramtica espaola, pero, por supuesto, mucho ms

sencillo.
El HTML es en realidad un lenguaje muy lgico. Ciertamente, hay excepciones
a las reglas, y hay modificaciones o interpretaciones de algunas de stas. De
todas formas, una vez que asimiles la estructura bsica, empezars a notar
que el HTML es simplemente un conjunto de piezas lgicas que hacen de l un
lenguaje muy cmodo de usar.
ESTRUCTURA DE UN DOCUMENTO HTML
Documento HTML ser:

<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>

Ninguno de estos elementos es obligatorio, pudiendo componer documentos

HTML que se muestren sin ningn problema sin incluir estas etiquetas de
identificacin. Si se utilizan elementos que forzosamente deban ser incluidos
en la cabecera (como la etiqueta de titulo), no sern reconocidos
correctamente si no se incluyen entre las etiquetas de <HEAD>.

La parte contenida entre las etiquetas <HEAD> y </HEAD> o cabecera, que es

donde se introduce el ttulo de la pgina (dentro de<TITLE> y </TITLE>, lo que
se mostrar en la barra de ttulo de la ventana del explorador), las

etiquetas <META> (que nos servirn principalmente para dar de alta nuestra
pgina en los buscadores de una forma eficiente), los Scripts (para dar un
funcionamiento dinmico a la pgina) y las Hojas de estilo (un mtodo
avanzado de formateado).
La parte contenida entre las etiquetas <body> y </body> o cuerpo, que es
donde se introducen los dems elementos que se ven en pantalla, como texto,
imgenes, tablas, enlaces, formularios..., as como el color del fondo o de los
diferentes tipos de texto.

ELEMENTOS DE BLOQUE Y EN LNEA

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 especfico 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,
Los elementos en lnea son elemento que ocupan espacio necesario (en funcin
de su contenido) tanto lo ancho como lo alto y que se apilan horizontalmente
mientras tenga espacio, una vez alcanzado el ancho mximo ( delimitado por
los elementos que los contengan )saltara las lneas y seguir amplindose en
horizonte
REFERENCIA DE CARCTER RESUM
Para que los autores tengan una manera ms intuitiva de referirse a caracteres
del conjunto de caracteres del documento, HTML ofrece un conjunto de
referencias a entidades de caracteres. Las referencias a entidades de
caracteres utilizan nombres simblicos para que los autores no tengan que
recordar posiciones de cdigo. Por ejemplo, la referencia a la entidad de
caracteres &aring; (se refiere a la letra minscula "a" con un anillo encima; "")
es ms fcil de recordar que &#229;.
Las referencias a entidades de caracteres s distinguen entre maysculas y
minsculas. As, &Aring; se refiere a un carcter diferente (A mayscula con
anillo; ) que &aring; (a minscula con anillo; )
BIOGRAFIA
https://es.wikipedia.org/wiki/HTML

http://definicion.de/html/
http://www.ite.educacion.es/formacion/materiales/182/cd/dos/index.ht
ml
http://es.slideshare.net/luiyiadames/aspectoslenguaje-html
https://prezi.com/ryc3r5tkvf2w/historia-y-conceptos-basicos-de-html5/
https://www.google.com.co/webhp?sourceid=chromeinstant&ion=1&espv=2&ie=UTF8#q=ESTRUCTURA+DE+UN+DOCUMENTO+HTML
http://www2.uca.es/serv/sc/manual-html/dochtml.htm
http://www.duiops.net/curso/sintaxis.htm