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.


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.


<H1>TITULO</H1><HR>


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.


<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>.


<P><H1>TITULO</H1>


NOSOSTROSQUETAMOS<P>

</BODY></HTML>

:

ETIQUETA <CENTER>

ESTA ETIQUETA NOS PERMITE CENTRAR CUALQUIER OTRA ETIQUETA QUE TENGAMOS EN NUESTRO CODIGO HTML


<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"


<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.


<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

Education