Etiquetas HTML

ETIQUETAS PARA
HTML
PABLO CEBALLOS ASTUDILLO

ATRIBUTOS HTML
 En computación, un atributo es una
especificación que define una propiedad de
un Objeto, elemento o archivo. También
puede referirse o establecer el valor específico
para una instancia determinada de los
mismos.
ATRIBUTO
SIZE: TAMAÑO
COLOR: COLOR
FACE: TIPO DE FUENTE
BORDER: BORDE

ATRIBTO “BGCOLOR”
 El atributo bgcolor se utiliza para establecer el color
de fondo de un elemento HTML.Bgcolor es uno de
los atributos que se ha convertido
en obsoleto con la aplicación de hojas de estilo en
cascada
EJEMPLO:
<HTML>
<BODY BGCOLOR=“SILVER”>
THIS PAGE NOW HAS A SILIVER
BACKGROUND!!
</BODY>
</HTML>
:

ETIQUETA <TITLE>
 El navegador lee el title (título) de cada
página y lo muestra en la parte superior, en el
borde de la pantalla, junto con el icono del
programa (Firefox, Explorer, etc. Esto es
importante de cara al usuario.
EJEMPLO:
<HTML>
<HEAD>
<TITLE> ::OLA MUNDO::</TITLE>
</HEAD>
</HTML>
:

ETIQUETA <FONT>
 Esta etiqueta especifica el tamaño, color y
tipo de fuente para un texto.
EJEMPLO:
<HTML>
<BODY>
<font face="verdana" color="green"
size="5“>
AQUÍ VA NUESTRO ARTICULO O UN
PARRAFO DE LO QUE
NOSOSTROSQUETAMOS
</BODY>
</HTML>
:

ETIQUETA <BR>
 Para indicarle al navegador que queremos
que continúe en la próxima línea debemos
hacerlo con el elemento HTML <br>.
 Cuando aparece la marca <br> el navegador
continua con el texto en la línea siguiente. Es
uno de los pocos elementos HTML que no
tiene marca de cerrado como habíamos visto
hasta ahora.
EJEMPLO:
<HTML>
<BODY>
OLA MUNDO<BR>
CURSO HTML<BR>
AST-PRODUCTIONS<BR>
</BODY>
</HTML>
:

ETIQUETA <HR>
 La etiqueta <hr> representa una línea
horizontal para separar diferentes secciones
de un documento.
EJEMPLO:
<HTML>
<BODY>
<H1>TITULO</H1>
<HR>
PARRAFO DE LO QUE
NOSOSTROSQUETAMOS
</BODY>
</HTML>
:

ETIQUETAS H1,H2,H3,H4,H5,H6
 Otros elementos HTML muy utilizados son para
indicar los títulos, para esto contamos con los
elementos:
<h1><h2><h3><h4><h5><h6>
 El título de mayor nivel es <h1>, es decir el que
tienen una fuente mayor (veremos que es el
navegador el responsable de definir el tamaño de
la fuente, más adelante podrá ver que uno puede
modificar la fuente, tamaño, color etc.)
 Según la importancia del título utilizaremos
alguno de estos elementos HTML. Requiere la
marca de cerrado del título con la barra invertida
como hemos visto.
EJEMPLO:
<HTML>
<BODY>
<H1>TITULO</H1><BR>
PARRAFO DE LO QUE
NOSOSTROSQUETAMOS
</BODY>
</HTML>
:

ETIQUETA <P>
 Un párrafo es una oración o conjunto de
oraciones referentes a un mismo tema. Todo
lo que encerremos entre las marcas <p> y
</p> aparecerá separado por un espacio con
respecto al próximo párrafo.
 Dentro de un párrafo puede haber saltos de
línea <br>.
EJEMPLO:
<HTML>
<BODY>
<P>
<H1>TITULO</H1>
PARRAFO DE LO QUE
NOSOSTROSQUETAMOS
<P>
</BODY>
</HTML>
:

ETIQUETA <CENTER>
 ESTA ETIQUETA NOS PERMITE CENTRAR
CUALQUIER OTRA ETIQUETA QUE
TENGAMOS EN NUESTRO CODIGO HTML
EJEMPLO:
<HTML>
<BODY>
<CENTER>
PARRAFO DE LO QUE
NOSOSTROSQUETAMOS
</CENTER>
</BODY>
</HTML>
:

ETIQUETA <IMG> & <SCR>
 etiqueta <IMG> te servirá para situar
imágenes en una página. Es una etiqueta
"verdadera", pues no tiene etiqueta de cierre:
 La etiqueta <IMG> requiere un origen de
datos obligatorio dado por el atributo SRC=.
Indica la imagen en cuestión:
 <IMG SRC="bander.gif"
EJEMPLO:
<HTML>
<BODY>
<IMG SRC="images/bander.gif"></BODY>
</HTML>
:

ETIQUETA <MARQUEE>
 La etiqueta <MARQUEE> </MARQUEE> crea
una marquesina cuyo contenido se desplaza.
Por defecto, ocupa todo el ancho de la
pantalla, tiene una línea de altura y el texto se
mueve lentamente de derecha a izquierda.
EJEMPLO:
<HTML>
<BODY>
<MARQUEE> TEXTO </MARQUEE>
</BODY>
</HTML>
:

ETIQUETAS DE FORMATO DE TEXTO
ETIQUETA FUNCION EJEMPLO
<B></B> Coloca en negrilla el texto <b> ola mundo </b>
<i></i> Coloca en cursiva el texto <i> ola mundo </i>
<u></u> Subraya el texto <u> ola mundo </u>
<s></s> Tacha el texto <s> ola mundo </s>

TALLER
o Dentro de una carpeta llamada
taller1 en el escritorio Hacer una su
hoja de vida en una pagina web
utilizando las etiquetas vistas en
clase

Etiquetas HTML

Más contenido relacionado

La actualidad más candente

Destacado

Similar a Etiquetas HTML

Último

Etiquetas HTML