HTML

HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite

describir hipertexto, es decir, texto presentado de forma estructurada y
agradable, con enlaces(hyperlinks) que conducen a otros documentos o
fuentes de información relacionadas, y con inserciones multimedia (gráficos,
sonido...) La descripción se basa en especificar en el texto la estructura lógica
del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones,
citas, etc) así como los diferentes efectos que se quieren dar (especificar los
lugares del documento donde se debe poner cursiva, negrita, o un gráfico
determinado) y dejar que luego la presentación final de dicho hipertexto se
realice por un programa especializado (como Mosaic, o Netscape).

Orígenes del HTML

1986. Publicación de la ISO 8879 que presenta el Standard General Markup

Language, origen del HTML.
1989. Tim Berners-Lee, a la sazón en el Centro Europeo
de Investigaciones Nucleares presenta su artículo Information Management: A
Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el
acceso en línea de manera uniforme a la información disponible en
muchos recursosdistintos, y que pudiese funcionar en máquinas que conectadas
por redes basadas en TCP/IP.
1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML
(Standard Generalized Markup Language), que más tarde se llamará nivel 0;
soporta encabezados, listas y anclas. Se crea el nombre World Wide Web.
1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja
en modo texto y sólo en plataformas UNIX. El Centro Europeo
deInvestigaciones Nucleares realiza la apertura del primer sitio con acceso público
de World Wide Web el 17 de mayo (http://info.cern.ch).
1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD)
para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos
para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de
Web y disponible sólo para X.11.
1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por
la Universidad de Kansas, si bien lee sólo texto. Aparece Mosaic, desarrollado por
el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de
Web en entorno gráfico que se hace disponible para computadoras personales, lo
que lo hace inmediatamente popular. A fines de año, comienzan a aparecer los
primeros artículos sobre WWW en diarios y revistas de circulación masiva. Tim
Berners-Lee utiliza el trabajo del año anterior de Connolly para presentar el
borrador de la primera norma (RFC -Recommendation for Comments) de HTML
para Internet.
1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con
mayores prestaciones para HTML, Hyper-G, que no tiene gran éxito. Cello, primer
visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la
Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML
para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores que
desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape
(también conocido como Mozilla), que tiene una amplia aceptación entre los
usuarios, pero que soporta elementos deprogramación que equivalen a una
degeneración del HTML (tamaños de letra, fondos). Se define un equivalente para
los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling
Language), que permite moverse dentro de los ambientes definidos. En este
mismo año se realizan la Primera y Segunda conferencias internacionales de
WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization.
1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la
normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el
soporte de tablas. Microsoft produce su primer visor de Internet, el cual también
utiliza elementos de HTML degenerados. Una nueva versión de Netscape,
Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer
visor de World Wide Web con soporte de unlenguaje de programación, HotJava.
Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston
y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacífico en
Wagga-Wagga.
1996. Netscape Communications y Microsoft presentan las nuevas versiones de
sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no
comerciales que implementan la norma completa de HTML 3.0. Se formaliza un
nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite
interactuar con los objetos definidos. Se celebra la
Quinta conferencia internacional de WWW en Rocquencourt.
1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio,
aparece la versión 4.0, experimental.
1998. HTML 4.0.

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Un documento HTML comienza con la etiqueta <html>, y termina con </html>.
Dentro del documento (entre las etiquetas de principio y fin de HTML), hay dos
zonas bien diferenciadas: el encabezamiento, delimitado por <head> y
</head>, que sirve para definir diversos valores válidos en todo el documento;
y el cuerpo, delimitado por <body> y </body>, donde reside la información del
documento.
La única utilidad del encabezamiento en la que nos detendremos es la
directiva <title>, que permite especificar el título de un documento HTML. Este
título no forma parte del documento en sí: no aparece, por ejemplo, al principio
del documento una vez que este se presenta con un programa adecuado, sino
que suele servir como título de la ventana del programa que nos la muestra.
Por ejemplo, en el encabezamiento de este manual se ha especificado:

<title>Manual práctico de HTML</title>

en minúsculas. Obsérvese que el título que encabeza este texto se ha escrito
con mayúsculas, para distinguirlo del título global del documento.
El cuerpo de un documento HTML contiene el texto que, con la presentación y
los efectos que se decidan, se presentará ante el hiperlector. Dentro del
cuerpo son aplicables todos los efectos que se van a mencionar en el resto de
esta guía. Dichos efectos se especifican exclusivamente a través de directivas.
Esto quiere decir que los espacios, tabulaciones y retornos de carro que se
introduzcan en el fichero fuente no tienen ningún efecto a la hora de la
presentación final del documento. Por ejemplo, escribiendo:

Estas palabras forman una frase

producimos exactamente lo mismo que con:
En resumen, la estructura básica de un documento HTML queda de la forma
siguiente:
<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>

Las Etiquetas

El lenguaje HTML es un lenguaje de marcas, estas marcas serán

fragmentos de texto destacado de una forma especial que permiten la
definición de las distintas instrucciones de HTML, tanto los efectos a aplicar
sobre el texto como las distintas estructuras del lenguaje. A estas marcas las
denominaremos etiquetas y serán la base principal del lenguaje HTML. En
documento HTML será un fichero texto con etiquetas que variarán la forma de
su presentación.
Una etiqueta será un texto incluido entre los símbolos menor que < y mayor
que >... El texto incluido dentro de los símbolos será explicativo de la utilidad
de la etiqueta. Por ejemplo:
<B> Letra Negrita, del inglés Bold (negrita).
<TABLE> Definirá una tabla.
<IMG> Inclusión de una IMaGen.
Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá
el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El
efecto que define la etiqueta tendrá validez para todo lo que este incluido entre
las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
<B>Texto que será en negrita</B>.
Obtendremos:
Texto que será en negrita
Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final
este implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión
de una imagen. Definen un efecto que se producirá en un punto determinado
sin afectar a otros elementos.
El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se
interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas
en mayúsculas para que destaquen con más nitidez del texto normal.

Atributos de las Etiquetas

Las etiquetas pueden presentar modificadores que llamaremos atributos

que permitirán definir diferentes posibilidades de la instrucción HTML. Estos
atributos se definirán en la etiqueta de inicio y consistirán normalmente en el
nombre del atributo y el valor que toma separados por un signo de igual. El
orden en que se incluyan los atributos es indiferente, no afectando al
resultado. Si se incluyen varias veces el mismo atributo con distintos valores el
resultado obtenido será imprevisible dependiendo de cómo lo interprete el
navegador. Cuando el valor que toma el atributo tiene más de una palabra
deberá expresarse entre comillas, en otro caso no será necesario.
Un ejemplo de atributo será:
<A HREF="http://www.uca.es">Pagina principal de la UCA</A>
En este caso la etiqueta A presenta un atributo HREF cuyo valor es
http://www.uca.es.
Igualmente una etiqueta podría presentar varios atributos:
<HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>
En este caso la etiqueta HR presenta cuatro atributos. El segundo atributo
NOSHADE es un caso especial que no presenta valor. El orden en que se
especifiquen los atributos no afectarán al resultado final.

Etiquetas correctas

Todo texto que se encuentre entre los caracteres < y > se considerará una
etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML no será
tenida en cuenta, sin causar ningún tipo de error. Dejándose el texto o las
etiquetas a las que afectaba como si no existiera la etiqueta extraña. Cuando
se comete un error sintáctico al expresar una etiqueta o un atributo no se
producirá ningún error, simplemente no de obtendrá el efecto que
deseábamos.
El lenguaje HTML es un lenguaje que evoluciona muy rápidamente y cada
nueva versión de los programas navegadores presenta etiquetas nuevas que
causan efectos más espectaculares o atributos nuevos de las etiquetas ya
existentes. Esto causa que los programas más antiguos no entiendan estas
nuevas etiquetas y por tanto las considere erróneas y no realice la acción que
deseábamos. Dándose el caso de atributos que son validos solo para un único
navegador.
Cuando creemos código HTML hay que hacerlo lo más estándar posible
para permitir que el documento pueda ser visto de forma efectiva por distintos
navegadores en maquinas distintas. Por tanto debemos renunciar a efectos
espectaculares que solo tienen validez en un navegador e intentar comprobar
como se ve el documento en una variedad de navegadores, ya que las
personas que se conectan a nuestras páginas no tendrán en la mayoría de los
casos el mismo que nosotros. Tambien es interesante como se vería el
documento en los distintos tamaños de la ventana del navegador, teniendo en
cuenta que todos no tienen un monitor con la misma resolución.

Etiquetas de párrafo

Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy útil debido a
que si uno escribe algo (en el editor que se este utilizando) por mucho espacio
que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear un párrafo se utiliza el comando <ALING> y </ALING>, utilizado
dentro de la etiqueta <P>. Se puede alinear de tres formas diferentes:
<p align="left"> Párrafo... </p> Alinea a la izquierda.
<p align="center"> Párrafo... </p> Realiza un centrado.
<p align="right"> Párrafo... </p> Alinea a la derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra línea
utilizamos el comando <BR>.
Al terminar de escribir un párrafo es conveniente y estético utilizar el comando
para separar un párrafo de otro que es <HR>
Etiquetas para darle formato al texto:
Para el tamaño y tipo de letra se usa la etiqueta <FONT> y </FONT>, que
posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color
Formato:
<B> y </B> Sirve para colocar un texto en Negrita.
<U> y < /U> Sirve para subrayar un texto
<STRIKE> y </STRIKE> Sirve para tachar un texto.
<STRONG> y </STRONG> Cumple la misma función que <B>
<I> y <I> Para colocar un texto en cursiva.
<EM>texto con énfasis</EM> texto con énfasis
<CITE>citación</CITE> citación
<DFN>definición</DFN> definición
<KBD>teclado</KBD> teclado
<SAMP>ejemplo</SAMP> ejemplo
SIZE: Regula el tamaño de los caracteres.
Ejemplo:<font> texto... </FONT>.
FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.
Ejemplo:
<FONT> texto…</FACE>
Color: Regula el color de los caracteres. En principio existen dos posibilidades
para definir los colores en HTML:
1. Mediante la especificación de los valores RGB del color deseado en forma
hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)
2. Mediante la especificación del nombre del color en ingles
Ejemplos:
<FONT COLOR="WHITE">Blanco</FONT> Blanco #FFFFFF
<FONT COLOR="BLACK">Negro</FONT> Negro #000000
<FONT COLOR="RED">Rojo</FONT>
Rojo #FF0000
<FONT COLOR="GREEN">Verde</FONT> Verde #00FF00
<FONT COLOR="BLUE">Azul</FONT> Azul #0000FF
<FONT COLOR="YELLOW">Amarillo</FONT> Amarillo #FFFF00
<FONT COLOR="CYAN">Cyan</FONT> Cyan #00FFFF
<FONT COLOR="MAGENTA">Magenta</FONT> Magenta #FF00FF
Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la
libertad de utilizar 16,7 millones de colores. De esta manera trabajamos
independientemente de los navegadores Web.
Si especificamos el nombre del color, podemos evitar la definición del color en
forma hexadecimal que es un poco más difícil. Actualmente están
estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son
dependientes de los navegadores Web.
Primero que todo debe escribir un símbolo #. A continuación siguen las 6 cifras
para la definición del color. Las primeras 2 cifras definen el valor rojo, las
siguientes 2 el valor verde y las 2 últimas el valor azul.
Las cifras hexadecimales son:
0 (corresponde al decimal 0)
1 (corresponde al decimal 1)
2 (corresponde al decimal 2)
3 (corresponde al decimal 3)
4 (corresponde al decimal 4)
5 (corresponde al decimal 5)
6 (corresponde al decimal 6)
7 (corresponde al decimal 7)
8 (corresponde al decimal 8)
9 (corresponde al decimal 9)
A (corresponde al decimal 10)
B (corresponde al decimal 11)
C (corresponde al decimal 12)
D (corresponde al decimal 13)
E (corresponde al decimal 14)
F (corresponde al decimal 15)
(mirar el cuadro de la página anterior)
Para ponerle color de fondo a la página escribir:
<body bgcolor=#808080></body> con el cual obtendremos un color de fondo
gris oscuro.
Colocar mal los colores de fondo en nuestras páginas puede provocar
problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de
color azul?. Puesto que los links son azules cuando todavía no se han pulsado
puede ocurrir que no se puedan leer con claridad o incluso que no se puedan
distinguir en absoluto del fondo.
Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo
demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la
información que se presenta en pantalla. Podemos remediar esto eligiendo
nosotros mismos el color que queremos que tengan los links o enlaces e
incluso el texto, las etiquetas para hacer esto son las siguientes:
• text="#número" Para el color del texto.
• link="#número" Para el color de los enlaces.
• vlink="#número" El color con que aparecerán los enlaces ya visitados.
• alink="#número" Color del enlace cuando lo pulsamos.
Por lo tanto la etiqueta <body> puede quedar del siguiente modo:
<body bgcolor="#num" text="#num" link="#num" vlink="#num" alink="#num">
Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con
usar la etiqueta:
background="localización de la imagen" Esta etiqueta va dentro de la etiqueta
<body>.
Ejemplo:
<body background="/documentos/html/gifs/dragonball.gif">
Con esto lograremos que la imagen dragonball.gif aparezca como fondo en
nuestra pagina.
Etiquetas META
Son usadas para poner meta-información del documento. Esta "directiva"
indica al visor de Internet las palabras clave y contenido de nuestra página
Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos,
etc...) utilizan el contenido de esta directiva para incluir la página en susbases
de datos.
Ejemplo:
<META NAME = "Pagina de Pablo" content = "Mi pagina personal de Sailor
Moon">
Indica al visor el nombre de la página y sus contenidos principales.
<META NAME="Author" content="Pablo Ravioli">
Indica el nombre de la persona que elabora la pagina WEB
<META NAME = "keywords" content = "Información de Sailor Moon">
Indica al visor las palabras clave para los buscadores de Internet.
Para hacer listas:
Las listas se definen de forma muy sencilla: se dice dónde empieza la lista,
dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen
en cada caso deben aparecer al principio de línea, o al menos sin texto por
delante (sólo espacios o tabulaciones).
Las listas pueden ser: Lista desordenada, <UL> (Unordered List).
Lista ordenada, <OL> (Ordered List).
Ejemplos de diferentes tipos de listas:
Lista con números romanos:
<ol>
<li type=I>Manzana
<li type=I>Zanahoria
<li type=I>Lechuga
<li type=I>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate
Lista numerada:
<ol>
<li>Manzana
<li>Zanahoria
<li>Lechuga
<li>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate
Lista con puntos:
<ul>
<li> Manzana
<li> Zanahoria
<li> Lechuga
<li>Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
Lista con círculos:
<ul>
<li type=circle> Manzana
<li type=circle> Zanahoria
<li type=circle> Lechuga
<li type=circle> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
Lista con cuadrados:
<ul>
<li type=square> Manzana
<li type=square> Zanahoria
<li type=square> Lechuga
<li type=square> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
 ESTILOS Y EFECTOS BÁSICOS
Como ya hemos dicho, la estructura lógica del texto y los diferentes efectos que se
le apliquen se especifican mediante directivas. En este punto vamos a repasar
algunas de las más importantes. En cada uno de los casos que veremos, primero
se presenta el texto original HTML, es decir, lo que nosotros editamos, con las
directivas situadas en los lugares adecuados; y después se presenta el efecto que
dicho texto fuente produce una vez que se interpreta y se representa con el
programa adecuado.

TÍTULOS
Mediante los títulos, en sus diferentes niveles de importancia, podemos definir
el esqueleto del documento, su estructura básica.
<h1>Mucha importancia</h1>
Mucha importancia
<h2>Menos importancia</h2>
Menos importancia
<h3>Mucha menos importancia</h3>
Mucha menos importancia
ATRIBUTOS DEL TEXTO
Mediante estos atributos determinamos el estilo y el tipo de letra que tendrá la
presentación del documento final.
El primero en el que nos deberíamos detener es el texto normal entendiendo como
tal el que no tiene ninguna característica especial. Para definir un párrafo
como normal no es necesario poner ninguna etiqueta. Lo único que hay que tener
en cuenta, como ya se ha dicho antes, es que al presentar el documento se hace
caso omiso de los espacios, tabulaciones y retornos de carro que se encuentren
en el texto fuente. Por ello cuando se quiera forzar un final de línea es necesario
utilizar dos directivas especiales: <p> para marcar un fin de párrafo, y<br> para un
único retorno de carro. La diferencia entre ambas es que la separación de líneas
que provoca <p> es algo mayor que la de <br>, para que los párrafos se distingan
bien entre sí. Las dos directivas mencionadas se sitúan en el punto en que
queremos poner la separación. Por ejemplo:
Este será un texto normal (párrafo 1, línea 1).<br>
El primer párrafo estará formado por 2 líneas (párrafo 1, línea 2).<p>
Este ya es el segundo párrafo (párrafo 2, línea 1).<p>
Este será un texto normal (párrafo 1, línea 1).
El primer párrafo estará formado por 2 líneas (párrafo 1, línea 2).
Este ya es el segundo párrafo (párrafo 2, línea 1).
Por supuesto, estas dos etiquetas se puede aplicar donde queramos, no sólo en el
texto normal.
El texto preformateado (etiqueta <pre>) se aplica cuando queremos que en la
presentación final del documento se respeten los espacios y retornos de carro que
hayamos puesto en el texto fuente. Además se utilizará un tipo de letra de
espaciado fijo, parecido al de una máquina de escribir, más pequeño que el del
texto normal. Este estilo de texto puede ser adecuado, por ejemplo, para una tabla
numérica sencilla:
<pre>
Texto preformateado
---------------------
| 1| 2| 3| 4|
| 5| 6| 7| 8|
| 9 | 10 | 11 | 12 |
---------------------
</pre>
Texto preformateado
---------------------
| 1| 2| 3| 4|
| 5| 6| 7| 8|
| 9 | 10 | 11 | 12 |
---------------------
Para hacer una cita textual dentro de nuestro documento, se puede utilizar la
directiva <blockquote>:
<blockquote>Muchos años después, frente al pelotón de fusilamiento,
el coronel Aureliano Buendía había de recordar aquella tarde remota
en que su padre lo llevó a conocer el hielo.<br>
(Gabriel García Márquez, Cien años de soledad)</blockquote>
Muchos años después, frente al pelotón de fusilamiento, el coronel Aureliano
Buendía había de recordar aquella tarde remota en que su padre lo llevó a
conocer el hielo.
(Gabriel García Márquez, Cien años de soledad)
Las direcciones de correo electrónico se suelen marcar con esta directiva:
<address>Dirección: webmaster@etsit.upm.es</address>
Dirección: webmaster@etsit.upm.es
Se pueden dar también los atributos más tradicionales: negrita y cursiva:
<b>Esto en negrita</b> y <i>esto en cursiva</i>
Esto en negrita y esto en cursiva
Se puede utilizar un tipo de letra similar al de una máquina de escribir:
<tt>Máquina de escribir</tt>
Máquina de escribir
Para centrar texto (o, en general, cualquier cosa: un gráfico, por ejemplo) se usa la
directiva <center>:
<center>Verde que te quiero verde</center>

LISTAS
Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde
empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada
caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo
espacios o tabulaciones).
Podemos recurrir a tres tipos distintos de listas, cada una con una presentación
diferente: no numeradas, numeradas y listas de definiciones (glosarios).
Las listas se pueden anidar, es decir, en el lugar donde debería ir uno de los
términos de la lista se pone una nueva lista, que por supuesto no tiene porqué ser
del mismo tipo.
Esto es una lista no numerada:
<ul>
<li>Tomates
<li>Zanahorias
<li>Puerros
</ul>
• Tomates
• Zanahorias
• Puerros
Esto una lista numerada:
<ol>
<li>Miguel Induráin
<li>Tony Rominger
<li>Eugeni Berzin
</ol>
1. Miguel Induráin
2. Tony Rominger
3. Eugeni Berzin
Un glosario está formado por una serie de parejas de término (marcado
con <dt> al principio de línea) y definición (con <dd>). Por ejemplo, podríamos
crear un pequeño diccionario con los términos perro, gato y pescadilla, de la
siguiente manera:
<dl>
<dt>Perro (<i>n. masc.</i>)
<dd>Animal de cuatro patas que ladra.
<dt>Gato (<i>n. masc.</i>)
<dd>Animal de cuatro patas que maúlla y se lleva muy mal con el perro.
<dt>Pescadilla (<i>n. fem.</i>)
<dd>Animal que vive en el mar y está recubierto de escamas.
</dl>
Perro (n. masc.)
Animal de cuatro patas que ladra.
Gato (n. masc.)
Animal de cuatro patas que maúlla y se lleva muy mal con el perro.
Pescadilla (n. fem.)

Uso de las siguientes etiquetas

➢ HTML contiene al documento

➢ Head define el bloque de encabezado

➢ Body contiene los elementos a mostrar

➢ P define un párrafo

➢ B texto en negrita

➢ I muestra texto en itálica

➢ U muestra texto subrayado

➢ Font establece el estilo de fuente

➢ Br fuerza un quiebre de línea

➢ Form inserta un formulario

 ➢ Table inserta una tabla

➢ Tr inserta una fila en una tabla

➢ Td celda regular de una tabla

➢ Alingcenter centrara el texto de la pantalla

➢ Aling left alineara el texto a la izquierda de la pantalla

➢ Aling right alineara el texto a la derecha de la pantalla

➢ Alingtop indica que el titulo debe aparecer arriba

➢ Aling bottom indica que el titulo debe aparecer debajo

➢ Aling middle indica el titulo aparece centrado verticalmente

Introducción

El HTML no es más que una aplicación del SGML (Standard Generalized Markup
Lenguaje), un sistema para definir tipos de documentos estructurados y lenguajes
de marcas para representar esos mismos documentos. El término HTML se suele
referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa
por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas,
luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y
por último nos damos cuenta que en Internet no solamente se puede ver
la información sino que también se puede publicar. ¿y qué otra manera más fácil y
más sencilla? Si Internet tiene acceso a todos los rincones del mundo.
Para que varias personas se comuniquen es necesario que éstas hablen un
mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a
Internet es HTML. A través de esta monografía explicaremos que es HTML, sus
orígenes y el proceso de creación de una página web.
 Conclusión

Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado,

seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros)
mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener
la posibilidad de visualizarlo antes. Ahora por medio de una página llena de
colores y botones por la cual se puede navegar, se puede tener acceso a bastante
información y archivos.
El lenguaje de HTML abrió una puerta al mundo permitiéndoles a las personas
expresar sus ideas por medio de páginas y mostrárselas a todas las personas de
todos los países.
Ministerio del poder popular para la educación superior
Especialidad: informática
Sección: 205A3
Profesora: Luz Elena Rojas

Trabajo sobre HTML

Integrante: Wilfred Rodríguez CI: 18249974