SlideShare una empresa de Scribd logo
1 de 9
Santiago Murgueitio
• 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 Color
 El 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>
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>
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

Más contenido relacionado

Similar a ListasOrdenadasSEO

Similar a ListasOrdenadasSEO (20)

Curso HTML 5 & jQuery - Leccion 2
Curso HTML 5 & jQuery - Leccion 2Curso HTML 5 & jQuery - Leccion 2
Curso HTML 5 & jQuery - Leccion 2
 
Html
HtmlHtml
Html
 
Listas
ListasListas
Listas
 
Listas
ListasListas
Listas
 
Listas
ListasListas
Listas
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Crea listas ordenadas o no html etiquetas ol ul listas definiciones
Crea listas ordenadas o no html etiquetas ol ul listas definicionesCrea listas ordenadas o no html etiquetas ol ul listas definiciones
Crea listas ordenadas o no html etiquetas ol ul listas definiciones
 
Listas html
Listas htmlListas html
Listas html
 
Listas
ListasListas
Listas
 
Listas
ListasListas
Listas
 
05
0505
05
 
Listas
ListasListas
Listas
 
Listas
ListasListas
Listas
 
APRENDER Html
APRENDER HtmlAPRENDER Html
APRENDER Html
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
Html
HtmlHtml
Html
 
Creacion de una pagina web con el bloc
Creacion de una pagina web con el blocCreacion de una pagina web con el bloc
Creacion de una pagina web con el bloc
 
Texto del manual de html
Texto del manual de htmlTexto del manual de html
Texto del manual de html
 
Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
 
Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
 

ListasOrdenadasSEO

  • 2. • 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.
  • 3. • <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
  • 4. • 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>
  • 6. Atributo Color El 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>
  • 7. 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>
  • 8. 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>”