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> 
AQUÍ VA NUESTRO ARTICULO O UN 
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> 
AQUÍ VA NUESTRO ARTICULO O UN 
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> 
AQUÍ VA NUESTRO ARTICULO O UN 
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> 
AQUÍ VA NUESTRO ARTICULO O UN 
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>
GRACIAS
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

  • 1.
    ETIQUETAS PARA HTML PABLO CEBALLOS ASTUDILLO
  • 2.
    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
  • 3.
    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> :
  • 4.
    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> :
  • 5.
    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> :
  • 6.
    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> :
  • 7.
    ETIQUETA <HR> La etiqueta <hr> representa una línea horizontal para separar diferentes secciones de un documento. EJEMPLO: <HTML> <BODY> <H1>TITULO</H1> <HR> AQUÍ VA NUESTRO ARTICULO O UN PARRAFO DE LO QUE NOSOSTROSQUETAMOS </BODY> </HTML> :
  • 8.
    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> AQUÍ VA NUESTRO ARTICULO O UN PARRAFO DE LO QUE NOSOSTROSQUETAMOS </BODY> </HTML> :
  • 9.
    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> AQUÍ VA NUESTRO ARTICULO O UN PARRAFO DE LO QUE NOSOSTROSQUETAMOS <P> </BODY> </HTML> :
  • 10.
    ETIQUETA <CENTER> ESTA ETIQUETA NOS PERMITE CENTRAR CUALQUIER OTRA ETIQUETA QUE TENGAMOS EN NUESTRO CODIGO HTML EJEMPLO: <HTML> <BODY> <CENTER> AQUÍ VA NUESTRO ARTICULO O UN PARRAFO DE LO QUE NOSOSTROSQUETAMOS </CENTER> </BODY> </HTML> :
  • 11.
    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> :
  • 12.
    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> :
  • 13.
    ETIQUETAS DE FORMATODE 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>
  • 14.
  • 15.
    TALLER o Dentrode una carpeta llamada taller1 en el escritorio Hacer una su hoja de vida en una pagina web utilizando las etiquetas vistas en clase