Você está na página 1de 18

UMSNH HTML

Laboratorio de Herramientas Computacionales HTML

FIE

Introduccin En la actualidad trminos tales como Internet, WWW, WEB. E-mail, son cada vez ms comunes de escuchar. Otros trminos no muy correctos tambin nos resulta comn escuchar tales como: chatear, bajar, etc. Internet es una tecnologa que permite compartir informacin entre diferentes usuarios de una mega red de computadoras. Entre los principales usuarios de Internet se tienen a: Universidades Empresas Gobiernos Organizaciones Etc.

La informacin que se comparte en Internet est escrita con un cierto formato con el objeto de que pueda ser visualizada por los diferentes usuarios de Internet. Existen diversos formatos utilizados en la escritura de las pginas de Internet, siendo el HTML uno de los ms populares formatos, debido a su sencillez. HTML: significa Lenguaje de Marcado de Hipertexto. HTML se basa en el SGML (Lenguaje estndar de Marcado Generalizado), un sistema mucho ms grande de procesamiento de documentos. El funcionamiento de HTML se basa en el uso de etiquetas, por medio de las cuales se realizan las funciones bsicas que podemos apreciar en una pgina WEB. Estructura de un programa en HTML En forma general, todo programa en HTML tiene la siguiente estructura:
<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> Elementos de la pgina WEB </BODY> </HTML>

M.I. Antonio Ramos Paz

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

A continuacin describiremos las etiquetas bsicas de HTML junto con algunos ejemplos para su mayor comprensin. <HTML> La primera etiqueta de estructura de pgina en todo documento HTML es <HTML>, la cual Indica que el contenido de ese archivo est en lenguaje HTML. <HEAD> La etiqueta <HEAD> especifica que las lneas que hay entre la apertura y el cierre de esta etiqueta forman el encabezado del resto del archivo. Por lo general, en la parte <HEAD> de la pgina slo van unas cuantas etiquetas, en especial la del ttulo. <TITLE> El texto que se encuentra entre la etiqueta y su etiqueta de cierra es el ttulo de la pgina. Este ttulo se muestra en la parte superior del navegador utilizado.

<BODY> La etiqueta <BODY> se utiliza para encerrar todos los elementos con que est conformada una pgina WEB, entre los cuales se pueden mencionar: o o o o o o Textos Imgenes Sonidos Hipervnculos Scripts Etc.

La etiqueta BODY tiene ciertos atributos entre los que se encuentran: TEXT: Define el color del texto en la pgina WEB. El color se puede especificar por su nombre o por medio de un cdigo.

BGCOLOR: Especifica el color de fondo que tendr la pgina WEB.

M.I. Antonio Ramos Paz

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

Algunos de los colores que pueden ser utilizados son: BLACK GOLD MAROON RED YELLOW Ejemplo:
<HTML> <HEAD><TITLE>Facultad de Ingeniera Elctrica</TITLE></HEAD> <BODY TEXT =RED BGCOLOR=BLUE> </BODY> </HTML>

BLUE GRAY OLIVE SILVER

BROWN GREEN ORANGE TURQUOISE

CYAN KHAKY PINK VIOLET

FUCHSIA MAGENTA PURPLE WHITE

El cdigo anterior especifica que el color del texto ser de rojo en tanto que el fondo ser de color azul Elementos de una pgina WEB Encabezados Los encabezados se usan para dividir secciones de texto, tal como est divido un libro. En HTML se definen 6 niveles de encabezado. Considere el siguiente ejemplo, en el cual se muestran los seis niveles de encabezados definidos por HTML: Cdigo
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H1> ESTE ES UN ENCABEZADO DE NIVEL 1</H1> <H2> ESTE ES UN ENCABEZADO DE NIVEL 2</H2> <H3> ESTE ES UN ENCABEZADO DE NIVEL 3</H3> <H4> ESTE ES UN ENCABEZADO DE NIVEL 4</H4> <H5> ESTE ES UN ENCABEZADO DE NIVEL 5</H5> <H6> ESTE ES UN ENCABEZADO DE NIVEL 6</H6> </BODY> </HTML>

Resultado

En la etiqueta <Hn> n especifica el nivel de encabezado deseado. La etiqueta <H> utiliza el siguiente parmetro: ALIGN: Especifica el tipo de orientacin horizontal que tendr en encabezado. Los tipos de orientaciones permitas son: LEFT, RIGHT, CENTER.

M.I. Antonio Ramos Paz

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

A continuacin se muestra un ejemplo en el cual se utilizan los diferentes tipos de alineaciones en los ttulos. Cdigo en HTML Cdigo Resultado

<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H1 ALIGN= CENTER>TITULO CENTRADO</H1> <H1 ALIGN= RIGHT>TITULO ALINEADO A LA DERECHA</H1> <H1 ALIGN= LEFT>TITULO ALINEADO A LA IZQUIERDA</H1> </BODY> </HTML>

Prrafos Los prrafos son estructuras que permiten visualizar un conjunto de renglones. Los prrafos son ampliamente utilizados cuando se quiere mostrar en pantalla textos que estn compuestos por varios renglones. Dentro del texto se pueden emplear algunos efectos especiales, tales como letras negritas, subrayadas etc. Cdigo
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H1> INTRODUCCIN A LA FSICA </H1> <P> El mbito de estudio de la fsica comprende en lo general, los siguientes temas: fuerza, trabajo, movimiento, energa, fluidos, ondas, sonido, calor, electricidad, magnetismo, radio, tomos, electrones, lentes, prismas, instrumentos pticos, color y luz polarizada. Todos estos temas estn caracterizados por temas tcnicos y uno de los propsitos de este estudio es desarrollar una apreciacin de estos trminos, aprendiendo sus definiciones correctas, as como adquirir familiaridad con ciertas relaciones fundamentales que la experiencia ha demostrado que existe entre ellos.</P> </BODY> </HTML>

Resultado

M.I. Antonio Ramos Paz

UMSNH Listas

Laboratorio de Herramientas Computacionales HTML

FIE

Las listas son elementos que permiten mostrar organizar la informacin que es presentada en una pgina WEB. HTML define 5 clases de listas Numeradas o listas ordenadas De vieta o listas sin orden Lista de glosario Listas de men Listas de directorio

Toda lista est encerrada por las etiquetas de apertura y cierre correspondientes a su tipo. Listas numeradas Las listas ordenadas son listas donde cada elemento est numerado. La etiqueta para definir una lista numerada es <OL>. Cada elemento de la lista empieza con la etiqueta <LI>. El siguiente ejemplo muestra una sencilla lista numerada. Cdigo en HTML
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H1> Orden del da de la reunin de maestros</H1> <OL> <LI> Lista de presentes <LI> Lectura del acta de la sesin anterior <LI> Evaluaciones del primer trimestre <LI> Asuntos generales <LI> Fin de la reunin </OL> </BODY> </HTML>

Resultado

Se puede apreciar del ejemplo que las etiquetas <OL> </OL> definen la lista completa, en tanto que la etiqueta <LI> define a cada uno de los elementos que forman parte de la lista.

M.I. Antonio Ramos Paz

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

La etiqueta LI tiene el atributo TYPE, el cual especifica la numeracin utilizada en la lista. Los tipos de numeracin que pueden ser utilizadas son: 1: Especifica una numeracin arbiga. a: Especifica que la numeracin se har con letras desde la a a la z (minsculas). A Especifica que la numeracin se har con letras desde la A a la Z (maysculas). i: Especifica que la numeracin se har con nmeros romanos minsculos. I: Especifica que la numeracin se har con nmeros romanos maysculos..

Ejemplo: el siguiente cdigo es idntico al mostrado anteriormente, con la diferencia de que se utiliza el atributo TYPE para especificar que la numeracin de la lista se haga con nmeros romanos maysculos. Cdigo HTML
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H1> Orden del da de la reunin de maestros</H1> <OL TYPE = "I"> <LI> Lista de presentes <LI> Lectura del acta de la sesin anterior <LI> Evaluaciones del primer trimestre <LI> Asuntos generales <LI> Fin de la reunin </OL> </BODY> </HTML>

Resultado

Listas de vietas Las listas de vietas son listas en las cuales los elementos en vez de mostrarse con un nmero o letra se muestran con un smbolo, el cual se denomina vieta. La etiqueta para definir una lista de vietas es <UL>. A los elementos de la lista se les antepone la etiqueta <LI>.

M.I. Antonio Ramos Paz

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

Consideremos el siguiente ejemplo de una lista de vietas. Cdigo en HTML


<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H1> Materias del Primer Semestre</H1> <UL> <LI> Matemticas <LI> Fsica <LI> Qumica <LI> Ingls <LI> Geografa <LI> Historia <LI> Espaol <LI> Educacin Fsica <LI> Computacin </UL> </BODY> </HTML>

Resultado

Al igual que las listas numeradas, las listas de vietas pueden personalizarse. De acuerdo con la especificacin HTML, el atributo TYPE puede tener cualquiera de los tres valores siguientes: disc: una vieta redonda. square: una vieta cuadrada. circle: una vieta redonda sin rellenar.

Listas de glosario Las listas de glosario son ligeramente diferentes a las dems. Cada elemento de la lista de lista de glosario consta de dos partes: El trmino La definicin del trmino

El siguiente ejemplo muestra una lista de glosario.


<P> Definiciones bsicas </P> <DL> <DT> Software<DD> Es el conjunto de programas con que funciona la computadora. <DT> Hardware<DD> Es el conjunto de implementos fsicos del sistema de cmputo </DL>

Listas de men. Las listas de men se usan para listas cortas de elementos sencillos.

M.I. Antonio Ramos Paz

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

El siguiente ejemplo muestra una lista de men. <P> Materias </P> <MENU> <LI> Matemticas <LI> Fsica <LI> Qumica <LI> Ingles <LI> Computacin <LI> Educacin fsica </MENU> Algunas etiquetas para el formato del texto Para dar realce a una palabra o prrafo, HTML ofrece una serie de etiquetas para generar efectos tales como subrayado, negritas, cursivas o itlicas, texto tachado, etc. Todo texto que se encuentre entre las etiquetas de apertura y cierre tendr el efecto seleccionado. La tabla siguiente muestra las etiquetas para los efectos ms comunes.
Etiqueta <EM> ... </EM> <STRONG> ... </STRONG> <B> ... </B> <I> ... </I> <TT> ... </TT> <U> ... </U> <S> ... </S> <BIG> ... </BIG> <SMALL> ... <SMALL> <SUB> ... </SUB> <SUP> ... </SUP> Texto resaltado Texto ms resaltado Texto en negritas Texto en cursivas Texto en tipo de letra de mquina de escribir Texto subrayado Texto tachado Texto ms grande que el circundante Texto ms pequeo que el circundante
Texto en subndice Texto en superndice

Uso

M.I. Antonio Ramos Paz

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

El ejemplo siguiente muestra la forma en la cual se utilizan las etiquetas de formato de texto. Cdigo en HTML
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H1>EFECTOS DE TEXTO</H1> <P> <B>NEGRITAS</B> <BR> <I>CURSIVAS</I> <BR> <U>SUBRAYADO</U> <BR> <S>TACHADO</S> <BR> H <SUB>2 </SUB> O (SUBINDICE)<BR> E = MC <SUP>2 </SUP> (SUPERINDICE) </BODY> </HTML>

Resultado

Etiqueta <FONT> Se utiliza para controlar tanto el tamao como el aspecto de una cadena de caracteres. Esta etiqueta tiene dos parmetros: SIZE: FACE: Especifica el tamao en pxeles de la cadena Especifica el tipo de letra.

El siguiente ejemplo muestra el uso de la etiqueta FONT con el objeto de modificar el tamao del tipo de letra. En este ejemplo se utilizan tamaos de letra desde 1 hasta 10.
Cdigo en HTML
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <P> <FONT SIZE=1>Tamao 1</FONT> </P> <P> <FONT SIZE=2>Tamao 2</FONT> </P> <P> <FONT SIZE=3>Tamao 3</FONT> </P> <P> <FONT SIZE=4>Tamao 4</FONT> </P> <P> <FONT SIZE=5>Tamao 5</FONT> </P> <P> <FONT SIZE=6>Tamao 6</FONT> </P> <P> <FONT SIZE=7>Tamao 7</FONT> </P> <P> <FONT SIZE=8>Tamao 8</FONT> </P> <P> <FONT SIZE=9>Tamao 9</FONT> </P> <P> <FONT SIZE=10>Tamao 10</FONT> </P> </BODY> </HTML>

Resultado

M.I. Antonio Ramos Paz

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

Creacin de vnculos Un elemento muy importante en las pginas WEB es el hipertexto. El hipertexto son palabras o imgenes que resaltan sobre el dems texto. Al hacer un clic sobre estas palabras la pgina WEB se enlace o vincula con otra parte de la pgina o incluso con otra pgina, la cual contiene informacin ms a detalle sobre la palabra. Generalmente los hipervnculos se pueden reconocer por ser palabras subrayadas y con un color diferente al resto del texto. El siguiente esquema muestra en forma esquemtica el concepto de hipertexto y vinculacin en una misma pgina WEB.
in d ic e .h tm l
E l In s titu to V a sc o d e Q u iro g a , o fre c e e stu d ios de:

S e c u n d a ria B a c hille ra to

B A C H IL LE R A T O

E l b a c h ille ra to d e l In s titu to V a s c o d e Q u iro g a p re te n d e s e r u n a In s titu c i n fo rja d o ra de p e rs o n a s a u t n tic a s , g e n e ra d o ra de v a lo re s , c re a d o ra y tra n s m is o ra d e c u ltu ra ,

El siguiente esquema muestra en forma esquemtica el concepto de hipertexto y vinculacin entres dos pginas WEB.

indice.html

bachillerato.html
BACHILLERATO

El Instituto Vasco de Quiroga, ofrece estudios de:

Secundaria Bachillerato

El bachillerato del Instituto Vasco de Quiroga pretende ser una Institucin forjadora de personas autnticas, generadora de valores, creadora y transmisora de cultura,

M.I. Antonio Ramos Paz

10

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

Para crear un vnculo en HTML se necesitan dos cosas: 1) El nombre (o el URL) del archivo con que se quiere establecer el vnculo. 2) El texto que servir de punto de activacin; es decir, el texto que en el navegador ir resaltado y el que seleccionan los lectores para seguir el vnculo. La etiqueta de vnculo <A> Para crear vnculos en las pginas HTML se usa la etiqueta de vnculo <A>...</A>. Esta etiqueta tambin se llama etiqueta de ancla, ya que se usa para crear anclas de los vnculos. Vinculacin de dos pginas Considere el siguiente cdigo:

Cdigo en HTML
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H1>Esta es lista de algunos Pases del Mundo</H1> <A HREF="mexico.html"> MEXICO </A> <BR> <A HREF="espana.html"> ESPAA </A> <BR> <A HREF="belgica,html"> BELGICA </A> <BR> <A HREF="italia.html"> ITALIA </A> <BR> </BODY> </HTML>

Resultado

Imgenes Las imgenes en lnea aparecen en la pgina WEB junto con el texto y los vnculos, y se cargan en forma automtica cuando se recupera la pgina misma. Las imgenes externas estn almacenadas aparte de la pgina WEB y se cargan slo a solicitud, como resultado de un vnculo. Etiqueta: <IMG> La etiqueta IMG se utiliza para insertar imgenes grficas en una pgina WEB. Para poder insertar una imagen grfica es necesario que esta imagen se encuentre en un archivo y que tenga alguno de los siguientes formatos: GIF JPEG XBM 11

M.I. Antonio Ramos Paz

UMSNH TIFF BMP PICT

Laboratorio de Herramientas Computacionales HTML

FIE

La mayora de los editores grficos tienen la posibilidad de generar estos formatos. La etiqueta IMG tiene los siguientes parmetros: SRC: indica el nombre del archivo que contiene la imagen que deseamos incluir en lnea, escrito entre comillas. Especifica el grosor del borde que tendr la imagen. En caso de omitirse este atributo la imagen no contendr borde o marco. El tamao del grosor se especifica en pxeles. Especifica la altura en pxeles de la imagen especifica la anchura en pxeles de la imagen
Border

BORDER:

HEIGHT: WIDTH:

Height

Width

El siguiente ejemplo muestra la forma en la cual se introduce una imagen de un conejo en una pgina WEB. La imagen est contenida en un archivo de nombre conejo.jpg, el cual tiene el formato JPG. En este ejemplo se utiliza el parmetro SRC para especificar el nombre del archivo que contiene la imagen grfica, adems se utilizan los parmetros HEIGHT y WIDTH para especificar una altura y anchura de 300 pixeles.

M.I. Antonio Ramos Paz

12

UMSNH

Laboratorio de Herramientas Computacionales HTML


Cdigo en HTML Resultado

FIE

<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> <BODY> <H1> IMAGEN DE UN CONEJO </H1> <IMG SRC="conejo.jpg" HEIGHT=300 WIDTH=300> </BODY> </HEAD> </HTML>

Uso de imgenes como Fondos Consideremos la siguiente instruccin <BODY BACKGROUND=mosaico.gif> El cdigo anterior especifica que de fondo pgina estar la imagen contenida en el archivo mosaico.gif Imgenes y vnculos Considere la siguiente instruccin <A REF.=indice.html><IMG SRC=imagen.bmp> Ir al ndice </A> La instruccin anterior crea un vnculo con la pgina Indice.html al momento de hacer clic en la imagen o en el texto Ir al ndice. Las imgenes muchas ocasiones dan realce a las pginas WEB, sin embargo no debemos abusar en el uso de imgenes, ya que ests hacen que el acceso a una pgina sea muy ms lento. Es por eso que debemos seleccionar las imgenes ms importantes. Adems debemos de utilizar tamaos pequeos en las imgenes. En el caso de que una imagen se quiera mostrar en un tamao muy amplio se puede hacer un enlace de la imagen en pequeo hacia la imagen en grande como se muestra en el siguiente ejemplo, en el cual a partir de una imagen pequea se accede a la misma imagen pero en mayor tamao.

M.I. Antonio Ramos Paz

13

UMSNH Tablas

Laboratorio de Herramientas Computacionales HTML

FIE

Las tablas constituyen un elemento avanzado de HTML, que permite disponer texto, imgenes y otro contenido HTML en filas y columnas, con o sin borde. Partes de una tabla Leyenda: Indica el contenido de la tabla Encabezados: Rotulan filas y columnas Datos: Son los valores de la tabla en s. Celdas: Son cada uno de los cuadros de la tabla.

Etiqueta <TABLE> Para crear una tabla en HTML se usan las etiquetas <TABLE> </TABLE>, las cuales contienen el cdigo de la leyenda y, despus, el contenido de la tabla en s. Filas y celdas <TR> </TR> Con esta etiqueta se indica cada fila de la tabla <TH> </TH> Con esta etiqueta se indican las celdas de encabezado de la fila <TD> </TD> Con esta etiqueta se indican las celdas de datos de la fila
Ttulos

Nombre Juan

Edad 22

Direccin Conocida

Filas Datos

Celda Columnas

M.I. Antonio Ramos Paz

14

UMSNH Ejemplo:

Laboratorio de Herramientas Computacionales HTML

FIE

Cdigo en HTML
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> <BODY> <H1> Horario de clases</H1> <TABLE BORDER=2> <TR> <TH>DIA/HORA</TH> <TH>LUNES</TH> <TH>MARTES</TH> <TH>MIERCOLES</TH> <TH>JUEVES</TH> <TH>VIERNES</TH> </TR> <TR> <TD>7-8</TD> <TD>MATEMATICAS</TD> <TD>FISICA</TD> <TD>QUIMICA</TD> <TD>BIOLOGIA</TD> <TD>ETICA</TD> </TR> <TR> <TD>8-9</TD> <TD>ADMINISTRACION</TD> <TD>ECOLOGIA</TD> <TD>COMPUTACION</TD> <TD>INGLES</TD> <TD>ORIENTACION</TD> </TR> </TABLE> </BODY> </HEAD> </HTML>

Resultado

La etiqueta TABLE tiene los siguientes atributos BORDER: Especifica el tamao del borde de la tabla. El tamao se debe especificar en pxeles, por ejemplo: <TABLE BORDER = 10> BGCOLOR: Especifica el color del fondo de la tabla. El color puede especificarse con letras o con un cdigo. Consideremos el ejemplo <TABLE BGCOLOR = RED> BORDERCOLOR: Especifica el color del borde de la tabla. El color puede especificarse con letras o con un cdigo. Consideremos el ejemplo <TABLE BORDERCOLOR = RED>

M.I. Antonio Ramos Paz

15

UMSNH

Laboratorio de Herramientas Computacionales HTML

FIE

Las tablas tambin pueden combinarse con elementos como las imgenes con el propsito de mejorar en forma sustancia la presentacin y organizacin de la informacin de una pgina WEB. A manera de ejemplo considere la siguiente pgina WEB en la cual la informacin se encuentra dentro de una tabla de dos filas por dos columnas. En la primera celda se muestra texto en la celda contigua se muestra una imagen relacionada con el texto. El la tercera celda se muestra otra imagen que da idea de lo que tratar la informacin contenida en la celda 4. Etiqueta <HR> Esta etiqueta se utiliza para crear una lnea horizontal en la pgina. Esta etiqueta tiene los siguientes atributos: SIZE: WIDTH: Define el grosor de la lnea en pxeles. Indica el ancho horizontal de la lnea, el cual puede estar expresado en pxeles o porcentaje con respecto a la ventana. Especifica la alineacin de la lnea. ALIGN puede tomar los valores de LEFT, RIGHT y CENTER. Especifica el color de la lnea. El color puede especificarse con letras o con cdigos.
Resultado

ALIGN:

COLOR:

Cdigo en HTML
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <H2> Lnea al 25% de tamao 6, color rojo y alineada a la izquierda</H2> <HR ALIGN=LEFT WIDTH=25% SIZE=6 COLOR=RED> <H2> Lnea al 50% de tamao 7, color azul y alineada a la izquierda</H2> <HR ALIGN=LEFT WIDTH=50% SIZE=7 COLOR=BLUE> <H2> Lnea al 75% de tamao 8, color verde y alineada a la izquierda</H2> <HR ALIGN=LEFT WIDTH=75% SIZE=8 COLOR=GREEN> </BODY> </HTML>

M.I. Antonio Ramos Paz

16

UMSNH Etiqueta <BR>

Laboratorio de Herramientas Computacionales HTML

FIE

Se utiliza para producir un salto de lnea donde se coloca.


Cdigo en HTML
<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY> <p> Mensaje: <br> Con este texto quiero invitar a todos <br> a trabajar de manera constante en todas <br> las actividades cotidianas <br> <br> atte. <br> Antonio Ramos Paz <p> </BODY> </HTML>

Resultado

Etiqueta <BLINK> Esta etiqueta hace que todo el texto que se encuentra entre la apertura y el cierre tenga un efecto intermitente. Etiqueta <MARQUEE> Esta etiqueta hace que todo el texto que se encuentra entre la apertura y el cierre se desplace de un lado a otro de la pgina. La etiqueta MARQUEE tiene los siguientes parmetros: BGCOLOR: Especifica el color de fondo de la marquesina. HEIGHT: WIDTH: HSPACE: HVPACE: ALIGN: Determina la altura en pxeles o en porcentaje de la marquesina. Determina la anchura en pxeles o en porcentaje de la marquesina. Determina el espacio a ambos lados de la marquesina. Determina el espacio por arriba y por abajo de la marquesina. Determina la alineacin vertical del texto que circula en la marquesina. La alineacin puede ser: TOP, MIDDLE, BOTTOM.

M.I. Antonio Ramos Paz

17

UMSNH

Laboratorio de Herramientas Computacionales HTML


Cdigo en HTML Resultado

FIE

<HTML> <HEAD> <TITLE>FACULTAD DE INGENIERA ELCTRICA, U.M.S.N.H. </TITLE> </HEAD> <BODY TEXT=RED> <MARQUEE BGCOLOR=BLUE HEIGHT=80 WIDTH=50%> ANTONIO RAMOS PAZ </MARQUEE> </BODY> </HTML>

M.I. Antonio Ramos Paz

18

Você também pode gostar