Make your own free website on Tripod.com
http://www.ens.uabc.mx/
Home
Page Title

uabc.jpg

 

Introducción

es un lenguaje que nos permite agregar atributos a los documentos de texto simple, crear documentos de hypertexto para publicar en el WWW (World Wide Web), así como combinar texto con gráficas.

HTML es un lenguaje basado en "etiquetas". La mayoría de las funciones o comandos tienen una etiqueta inicial y una etiqueta final. Ejemplo: Texto<B>remarcado</B>, en este caso sólo la palabra remarcado se desplegaría con el atributo de remarcado (bold) a la hora de utilizar un navegador (browser).

No todos los navegadores (browsers) soportan todas las funciones o comandos de HTML.

El objetivo primordial de este lenguaje es crear una forma universal de almacenar y desplegar la información.

Un documento en HTML puede ser creado en cualquier editor o procesador de texto, siempre y cuando sea grabado en formato ASCII. En la actualidad existen una gran variedad de editores especialmente para el web. Algunos de ellos funcionan independientemente y otros a través de un software, como por ejemplo Word.

Elementos Básicos

<HTML>

Es la etiqueta que identifica a un documento HTML. Debe incluirse la etiqueta <HTML> en la primera línea y </HTML> al finalizar el documento.

<HEAD>

Esta etiqueta contiene información acerca del documento. El único elemento obligatorio es <TITLE>. <TITLE> Es donde se especifica la título del documento, este se despliega en la parte superior de la pantalla de Netscape o de tu navegador.

Nota: Se recomienda que el título sea lo más breve y explícito posible, pues es aquel que queda registrado en las listas de lugares visitados (history lists) y en el registro de ligas o enlaces (Add Bookmark). Solo es permitido un título para cada documento.<BODY>

Es el cuerpo del documento y por lo tanto dentro de esta etiqueta deberán estar todos sus elementos: texto, imágenes o gráficas, enlaces, etc. <BODY> también controla el fondo (background), color del texto.

 

 

Ejemplo de un documento HTML:

<HTML>

<HEAD>
<TITLE>
Este es mi primer documento HTML</TITLE>
</HEAD>

<BODY>

PRACTICA # 1

</BODY>

</HTML>

 

Etiquetas para texto

ETIQUETA

FUNCION

EJEMPLO

RESULTADO

<ADDRESS>

Se utiliza para agregar el efecto de "itálico" al texto.

<ADDRESS>Mi direccion es:</ADDRESS>

Mi dirección es:

<B>

Negritas o remarcado (bold).

<B>Este es un texto remarcado</B>

Este es un texto remarcado

<BASE FONT SIZE=n>

Define el tamaño inicial del texto.

Nota: El tamaño base del texto por omisión es 3, pero con esta etiqueta se puede modificar, incrementar o disminuir.

En los ejemplos 1 y 2, se obtiene el mismo resultado, ya que la base es 3. Resulta lo mismo definir la base a 4 que sumar 1 al valor por omisión (3).

<BASE FONT SIZE=4>Texto base # 4</FONT>

<BASE FONT SIZE=+1>Texto base +1</FONT>

<BASE FONT SIZE=+2>Texto base +2</FONT>


<BASE FONT SIZE= -1>Texto base -1</FONT>

Texto base # 4

Texto base +1

Texto base +2

Texto base -1

<BLINK>

Texto parpadeante
(blinking)

<BLINK>Este texto debe apagar y prender</BLINK>

Este texto debe apagar y prender

<CENTER>

Centrar

<CENTER>Texto centrado</CENTER>

Texto centrado

<EM>

Itálico o enfatizado

<EM>Este es un texto itálico</EM>

Este es un texto itálico

<FONT SIZE=n>

Define el tamaño del texto.

Nota: El tamaño del texto por omisión es 3, pero con esta etiqueta se puede modificar, incrementar o disminuir.

En los ejemplos 1 y 2, se obtiene el mismo resultado, ya que la base es 3. Resulta lo mismo definir el tamaño a 4 que sumar 1 al valor por omisión (3).

<FONT SIZE=4>Texto # 4</FONT>

<FONT SIZE=+1>Texto +1</FONT>

<FONT SIZE=+2>Texto +2</FONT>


<FONT SIZE= -1>Texto base -1</FONT>

Texto base # 4

Texto base +1

Texto base +2

Texto base -1

<H1>

<H2>

<H3>

<H4>

<H5>

<H6>

Encabezados o títulos
(headers)

Nota: Los encabezados tienen 6 niveles o tamaños de texto predefinidos. El <H1> es el primer nivel y por lo tanto el más grande.

Cada <Hn> es una línea independiente y su texto es remarcado (bold).

<H1>Título Nivel 1</H1>

<H2>Título Nivel 2</H2>

<H3>Título Nivel 3</H3>

<H4>Título Nivel 4</H4>

<H5>Título Nivel 5</H5>

<H6>Título Nivel 6</H6>

Título Nivel 1

Título Nivel 2

Título Nivel 3

Título Nivel 4

Título Nivel 5

Título Nivel 6

<I>

Itálico

<I>Este es un texto itálico</I>

Este es un texto itálico

<STRIKE>

Marcado

<STRIKE>Este es un texto marcado</STRIKE>

Este es un texto marcado

<STRONG>

Negritas o remarcado

<STRONG>Este es un texto remarcado</STRONG>

Este es un texto remarcado

<SUB>

Subscript

H<SUB>2</SUB>O

H2O

<SUP>

Superscript

Clima : 30<SUP>o</SUP>C

Clima : 30oC

<U>

Subrayado

<U>Este es un texto subrayado</U>

Este es un texto subrayado

 

Otros atributos para texto
(color, tipo de letra, etc)

ETIQUETA

FUNCION

EJEMPLO

RESULTADO

<FONT COLOR="#FF0000">

<FONT FACE="Technical">

Modifica el color del texto

Modifica el tipo de letra (font)

<FONT COLOR="#FF0000">Este texto es rojo </FONT>

<FACE="Technical">Este texto es de tipo Technical</FONT>

Este texto es rojo

Este texto es de tipo Technical

 

Ejemplos de combinación de etiquetas para texto

EJEMPLO

RESULTADO

<CENTER><B>Este es un texto remarcado y centrado</B><CENTER>

Este es un texto remarcado y centrado

<B><I>Este es un texto remarcado e itálico</I></B>

Este es un texto remarcado e itálico

<CENTER><H3>Título Nivel 3 centrado</H3></CENTER

Título Nivel 3 centrado

<FONT SIZE=+1><B><I>Texto +1 remarcado e itálico</I></B></FONT>

Texto +1 remarcado e itálico

<BLINK><H4>Título Nivel 4 parpadeante</H4></BLINK>

Título Nivel 4 parpadeante

<B><U><I>Este es un texto remarcado, subrayado e itálico</I></U></B>

Este es un texto remarcado, subrayado e itálico

<FONT COLOR="#FF0000" FACE="Arial" SIZE=3>Este texto es rojo, tipo Arial y de tamaño 3</FONT>

Este texto es rojo, tipo Arial y de tamaño 3

MENU INFORMACION DE LINKS EN INTERNET

SICE