SlideShare una empresa de Scribd logo
1 de 3
UNIVERSIDAD TECNICA DE AMBATO
FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACION
DOCENCIA EN INFORMATICA
PROGRAMACION WEB I
JOHANA VARGAS
LA ETIQUETA <P>
LISTAS
define un nuevo
párrafode texto
alinea el texto
por defecto a la
izquierda
left
right
center
debe empezar en
una nueva línea
y debe colocarse
donde se
requiera
ORDENADA
NO
ORDENADA
DEFINICION
NO ORDENADA
Para las viñetas usamos
la etiqueta <li> y su
cierre.
Podemos definir
nosotros mismo el
símbolo mediante el
atributo “type”
puntos negros (li
type="disc"), puntos
blancos (litype="circle")
cuadrados (li
type="square").
van dentro de la etiqueta
<ul> y de su cierre </ul>
ORDENADA
los símbolos serán
números y se generan
automáticamente
En las listas ordenadas
podemos hacer que el
primer punto comience
con el número que
nosotros queramos.
Lo conseguiremos gracias
al atributo “value”
enmarcadas dentro de
las etiquetas <ol> </ol>.
DEFINICION
La etiqueta <dl>
dentro de ella, entre
ella y su cierre, va a
ir una definición.
La etiqueta <dt>
iría el título de la
definición.
La etiqueta <dd>
dentro de ésta irá
la definición.
Si escribimos varios
listados de definición,
se separarán para su
diferenciación
listado de
definiciones,
etiquetas <dl>,
<dt> y <dd>

Más contenido relacionado

Destacado

Amnicomm services
Amnicomm services Amnicomm services
Amnicomm services
amnicomm
 
Pnl menção honrosa - girafa mencao
Pnl   menção honrosa - girafa mencaoPnl   menção honrosa - girafa mencao
Pnl menção honrosa - girafa mencao
O Ciclista
 
ใบงานที่ 1 แบบสำรวจประวัติของ เด็กหญิง
ใบงานที่ 1 แบบสำรวจประวัติของ  เด็กหญิงใบงานที่ 1 แบบสำรวจประวัติของ  เด็กหญิง
ใบงานที่ 1 แบบสำรวจประวัติของ เด็กหญิง
Mim Papatchaya
 
Dia da Arte 09/10
Dia da Arte 09/10Dia da Arte 09/10
Dia da Arte 09/10
O Ciclista
 
ใบงานสำรวจตนเอง M6
ใบงานสำรวจตนเอง M6ใบงานสำรวจตนเอง M6
ใบงานสำรวจตนเอง M6
cng_slideshare
 
Speeding but Staying in the Lanes2
Speeding but Staying in the Lanes2Speeding but Staying in the Lanes2
Speeding but Staying in the Lanes2
Kenneth Hamilton
 

Destacado (15)

Training_Authoring
Training_AuthoringTraining_Authoring
Training_Authoring
 
Amnicomm services
Amnicomm services Amnicomm services
Amnicomm services
 
Blog
BlogBlog
Blog
 
Apresentação 15 turma mista
Apresentação 15 turma mistaApresentação 15 turma mista
Apresentação 15 turma mista
 
el internet
el internetel internet
el internet
 
Pnl menção honrosa - girafa mencao
Pnl   menção honrosa - girafa mencaoPnl   menção honrosa - girafa mencao
Pnl menção honrosa - girafa mencao
 
Listas en HTML
Listas en HTMLListas en HTML
Listas en HTML
 
ใบงานที่ 1 แบบสำรวจประวัติของ เด็กหญิง
ใบงานที่ 1 แบบสำรวจประวัติของ  เด็กหญิงใบงานที่ 1 แบบสำรวจประวัติของ  เด็กหญิง
ใบงานที่ 1 แบบสำรวจประวัติของ เด็กหญิง
 
Dia da Arte 09/10
Dia da Arte 09/10Dia da Arte 09/10
Dia da Arte 09/10
 
ใบงานสำรวจตนเอง M6
ใบงานสำรวจตนเอง M6ใบงานสำรวจตนเอง M6
ใบงานสำรวจตนเอง M6
 
0507 057 01 98 * Adana Klima Montaj Servisleri
0507 057 01 98 * Adana Klima Montaj Servisleri0507 057 01 98 * Adana Klima Montaj Servisleri
0507 057 01 98 * Adana Klima Montaj Servisleri
 
Te Amo
Te AmoTe Amo
Te Amo
 
Making magnets chapter 22
Making magnets   chapter 22Making magnets   chapter 22
Making magnets chapter 22
 
Unterrichtseinheit Zum Konjunktiv
Unterrichtseinheit Zum KonjunktivUnterrichtseinheit Zum Konjunktiv
Unterrichtseinheit Zum Konjunktiv
 
Speeding but Staying in the Lanes2
Speeding but Staying in the Lanes2Speeding but Staying in the Lanes2
Speeding but Staying in the Lanes2
 

Similar a Vargas johana (7)

Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Mapalistas
MapalistasMapalistas
Mapalistas
 
Listas html
Listas   htmlListas   html
Listas html
 
Jenny adame
Jenny adameJenny adame
Jenny adame
 
Html
HtmlHtml
Html
 
Edilma
EdilmaEdilma
Edilma
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 

Vargas johana

  • 1. UNIVERSIDAD TECNICA DE AMBATO FACULTAD DE CIENCIAS HUMANAS Y DE LA EDUCACION DOCENCIA EN INFORMATICA PROGRAMACION WEB I JOHANA VARGAS LA ETIQUETA <P> LISTAS define un nuevo párrafode texto alinea el texto por defecto a la izquierda left right center debe empezar en una nueva línea y debe colocarse donde se requiera ORDENADA NO ORDENADA DEFINICION
  • 2. NO ORDENADA Para las viñetas usamos la etiqueta <li> y su cierre. Podemos definir nosotros mismo el símbolo mediante el atributo “type” puntos negros (li type="disc"), puntos blancos (litype="circle") cuadrados (li type="square"). van dentro de la etiqueta <ul> y de su cierre </ul> ORDENADA los símbolos serán números y se generan automáticamente En las listas ordenadas podemos hacer que el primer punto comience con el número que nosotros queramos. Lo conseguiremos gracias al atributo “value” enmarcadas dentro de las etiquetas <ol> </ol>.
  • 3. DEFINICION La etiqueta <dl> dentro de ella, entre ella y su cierre, va a ir una definición. La etiqueta <dt> iría el título de la definición. La etiqueta <dd> dentro de ésta irá la definición. Si escribimos varios listados de definición, se separarán para su diferenciación listado de definiciones, etiquetas <dl>, <dt> y <dd>