Está en la página 1de 4

SECRETARIA DE EDUCACIN PBLICA

DIRECCIN GENERAL DE EDUCACIN SUPERIOR


TECNOLGICA
INSTITUTO TECNOLGICO DE MRIDA

INVESTIGACION DE ETIQUETAS
DE HTML

PROGRAMACION WEB
TAREA 3
7SB

INTEGRANTE
ANCONA PEREZ, JOSE MIGUEL

MRIDA, YUCATN, MXICO


2016

HTML.

IT
M

Instituto Tecnolgico de Mrida


Programacin WEB
En s, el HTML es un lenguaje utilizado en la elaboracin de pginas web, en la cual se
puede condensar lo que viene siendo imgenes, sonidos, texto, para que pueda ser utilizado
por el usuario y visto a travs de un NAVEGADOR.
Este concepto y tipo de pginas fueron creados para fines divulgativos o informativos, y con
el paso del tiempo se fueron implementando para el ocio.
ETIQUETAS BASICAS DE HTML
<html> Indica el comienzo del documento html.
<head> Indica que comienza la cabecera de la pgina. A su vez tambin se suele poner lo
que es el ttulo o descripcin de la WEB <title> en donde se puede mencionar parte del
contenido de la pgina.
<body> En ste apartado va todo lo relacionado al contenido de la pgina web, desde las
imgenes, texto, y es lo que se ver grficamente en el navegador.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Son los ttulos o encabezados utilizados en las
pginas web. Estos tipos de formatos son importantes tanto para diferenciar el
posicionamiento de los contenidos as como para darle un formato ms fcil de comprender
al usuario en su bsqueda de informacin en la pgina.
<a> Define los enlaces.
<table> Es una tabla, y dentro de esta tenemos filas <tr> y celdas <td>.
<p> El texto dentro de esta etiqueta forma un prrafo.
<img> Etiqueta utilizada para las imgenes.
<br> Representa un salto de lnea.
<ul> Los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <li>
definimos cada guion dentro de la lista, y usando <ol> en lugar de <ul> tendremos listas
ordenadas.
<b> y <strong> Se utilizan para resaltar el texto.
<u> Texto subrayado.
<l> Texto en cursiva.

Instituto Tecnolgico de Mrida


Programacin WEB
Ejemplo de pgina bsica
<html>
<head>
<title>Ttulo de la pgina</title>
</head>
<body>
<h1>Encabezado de la pgina</h2>
<h3>Encabezado de menor tamao</h3>
<p>Este es el texto de un prrafo.</p>
<p>Este es el texto de otro prrafo. Dentro de este prrafo,
pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo
que quieras.</p>
<p>Tambin podemos poner listas como la siguiente:</p>
<ul>
<li>Guin nmero uno.</li>
<li>Guin nmero dos.</li>
<li>Guin nmero tres.</li>
</ul>
</body>
</html>
ETIQUETAS ESPECIALES
La etiqueta marquee nos sirve para hacer el texto en movimiento. Para aplicar este efecto a
los textos, stos deben estar dentro de la etiqueta marquee, entre su inicio "<marquee>" y su
cierre "</marquee>".
El movimiento, la direccin de desplazamiento, la velocidad del mismo,todo es
configurable gracias a los siguientes atributos:
align: Este atributo nos indicar si el texto dentro de la etiqueta se alinear en la zona alta del
marquee ("top"), en el medio ("middle") o en la parte baja ("bottom").
bgcolor: Con este atributo definiremos el color de fondo que le queremos dar a la marquesina
donde est el texto en movimiento.
height y width: El primero marca la altura que tendr la marquesina y el segundo la anchura
de la misma.
scrollamount: controlamos la cantidad de desplazamiento del texto en cada movimiento de
avance. Cuanto mayor es el nmero, ms rpido avanza
scrolldelay: define el tiempo entre cada movimiento expresado en milisegundos:. Es decir, un
texto ir ms rpido si el scrolldelay es 5, que si el scrolldelay es 20.
loop: Este atributo nos determina si el movimiento se repetir o no. Si queremos que el
movimiento slo se repita unas veces determinadas debemos indicrselo con un nmero,
que ser el nmero de veces que se repita. Si queremos que se repita slo 10 veces, su loop
ser el siguiente: <marquee loop="10"> </marquee>

Instituto Tecnolgico de Mrida


Programacin WEB
Si queremos que se repita debemos usar "infinite" o "-1". Si no especificamos nada, se
repetir constantemente.
direction: Sirve para definir la direccin del movimiento: "left" para la izquierda, "right" para la
derecha, "up" para arriba y "down" para abajo.
behavior: Gracias a este atributo podemos dar nuevos efectos a la marquesina. Si no
especificamos este atributo, el texto se mover de forma circular en el sentido que le
hayamos marcado. Con behavior="scroll" conseguiremos el mismo efecto: el texto se mover
circularmente.
Con behavior="slide" haremos que el texto se detenga al llegar al final de la marquesina. Y
con el behavior="alternate" el texto ir y volver de un lado a otro de la marquesina.
HSPACE y VSPACE definen la separacin horizontal y vertical del texto con los bordes de la
marquesina

Ejemplo
<html>
<meta charset="UTF-8">
<title>etiqueta marquee</title>
<body>
<marquee align="botton" bgcolor="orange" scrollamount="5" scrolldelay="20"
width="350" height="100">prueba1 con scroll = 5 y delay=20
</marquee>
<marquee scrollamount="20" scrolldelay="5" loop="2" bgcolor="silver">
prueba2 con scroll =20 delay= 5 y con loop= 5
</marquee>
<marquee scrollamount="5" scrolldelay="5" behavior="alternate" width="600"
height="20" bgcolor="blue">prueba 3 con scroll= 5 delay = 5 behavior = alternate</marquee>
<marquee scrollamount="5" scrolldelay="20" direction="up" width="350"
height="100" bgcolor="red">prueba 4 con scroll= 5 delay = 20 behavior = up</marquee>
</body>
</html>

También podría gustarte