Etiquetas html

9
Etiquetas Html Santiago Murgueitio

Transcript of Etiquetas html

Etiquetas Html

Santiago Murgueitio

LISTAS ORDENADAS Y DESORDENADAS• Listas ordenadas

Las listas ordenadas sirven también para presentar información, en diversos elementos o ítems, con la particularidad que éstos estarán precedidos de un número o una letra para enumerarlos, siempre por un orden. Para realizar las listas ordenadas usaremos las etiquetas <ol> (ordered list) y su cierre. Cada elemento será igualmente indicado por la etiqueta <li>, que ya vimos en las listas desordenadas.

• <p>Reglas de comportamiento en el trabajo</p> <ol> <li>El jefe siempre tiene la razón <li>En caso de duda aplicar regla 1 </ol>

• Adhiriendo esta etiqueta al trabajo ya realizado nos queda:

Sin lista Con lista

• Listas ordenadas• Son delimitadas por las etiquetas <ul> y </ul>

(unordered list). Cada uno de los elementos de la lista es citado por medio de una etiqueta <li> (sin cierre, aunque no hay inconveniente en colocarlo). La cosa queda así:

• <p>Países del mundo</p> <ul> <li>Argentina <li>Perú <li>Chile </ul>

Sin lista

Con lista

Atributo ColorEl color del texto puede ser definido mediante el atributo color. <font

color="red">(Este texto está en rojo)</font>Ej:

<font color="red">Podemos desarrollar toda una pagina web con codigo html,este es el ejemplo de un vinculo:<a href="http://www.facebook.com"> Facebook </a></font>

redgreen

Fonts (tipos de letra)

• El texto en arial:<FONT FACE="arial"> texto </FONT> en arial. Ej:

<FONT FACE="balthazar"> Podemos desarrollar toda una pagina web con codigo html, este es el ejemplo de un vinculo:

<a href="http://www.facebook.com"> Facebook </a></FONT>

Letra balthazar

Center (centrar texto)

• Esta etiqueta sirve para centrar un texto en la seccion <body>: Ej.

“<p align="center">Podemos desarrollar toda una pagina web con codigo html, este es el

ejemplo de un vinculo: <a href="http://www.facebook.com"</p>”

Sin centrar

Centrado