SlideShare una empresa de Scribd logo
1 de 14
LISTAS: El lenguaje HTML define tres tipos diferentes de 
listas para agrupar los elementos: listas no numeradas, 
numeradas y de definición.
LISTAS NO NUMERADAS: Es el tipo más simple y 
común. <ul> y <li>
Listas numeradas: Son casi identicas a los no 
numeradas. <ol> <li>
LISTAS DE DEFINICION: Es un tipo poco común 
para muchos creadores de páginas web. 
<html> 
<head> 
<title>Ejemplo de lista de definición</title></head> 
<body> 
<h1>Definiciones</h1> 
<dl> 
<dt>Perro:</dt> 
<dd>Animal de cuatro patas que ladra</dd> 
<dt>Gato</dt> 
<dd>Animal de cuatro patas que maulla y se lleva muy mal con el 
perro</dd> 
<dt>Pescadilla</dt> 
<dd>Animal que vive en el mar y está recubierto de escamas.</dd> 
</dl> 
</body> 
</html>
TABLAS: Las tablas en HTML utilizan los mismos 
conceptos de filas, columnas, cabeceras y títulos 
que se utilizan en cualquier otro entorno de 
publicación de documentos. 
Las tablas más sencillas de HTML se definen con 
tres etiquetas <table>,<tr> y <td>
<html> 
<head><title>Ejemplo de Tabla sencilla</title></head> 
<body> 
<h1>Lista de Cursos</h1> 
<table> 
<tr> 
<td><strong>Curso</strong></td> 
<td><strong>Horas</strong></td> 
<td><strong>Fecha</strong></td> 
</tr> 
<tr> 
<td>HTML+PHP Básico</td> 
<td>20</td> 
<td>14 y 15 de Junio 2008</td> 
</tr> 
<tr> 
<td>PHP+MYSQL</td> 
<td>20</td> 
<td>21 y 22 de Junio 2008</td> 
</tr> 
<tr> 
<td>CSS y JAvaScript</td> 
<td>20</td> 
<td>28 y 29 de Junio 2008</td> 
</tr></table></body></html>
<html> 
<body> 
<a href="tabla2.html"> Ir a </a> 
<table style="height= 100%, width=100%;" border="4"> 
<caption>Relacion de Frutas.</caption> 
<tr><th>Frutas</th><th>Color</th></tr> 
<tr> 
<td>manzana</td> 
<td>roja</td></tr> 
<tr> 
<td>limon</td> 
<td>verde</td></tr> 
<tr> 
<td>pera</td> 
<td>verde</td></tr> 
<tr> 
<td>Uva</td> 
<td>morado</td></tr> 
<tr> 
<td>Melon</td> 
<td>amarillo</td></tr> 
<tr> 
<td>LEchoza</td> 
<td>pintada</td></tr> 
</table></body></html>
Tercera clase
Tercera clase

Más contenido relacionado

Destacado

Muzeum ksiazki dzieciecej
Muzeum ksiazki dzieciecejMuzeum ksiazki dzieciecej
Muzeum ksiazki dzieciecejkonfkbin
 
Literatura
LiteraturaLiteratura
Literaturakonfkbin
 
DoMORE Winter 2015
DoMORE Winter 2015DoMORE Winter 2015
DoMORE Winter 2015Ryan Johnson
 
Oppimisen tuki Stadin ammattiopistossa
Oppimisen tuki Stadin ammattiopistossaOppimisen tuki Stadin ammattiopistossa
Oppimisen tuki Stadin ammattiopistossaStadin ammattiopisto
 
[Iga works] live operation targeting push guide 1.1
[Iga works] live operation targeting push guide 1.1[Iga works] live operation targeting push guide 1.1
[Iga works] live operation targeting push guide 1.1성인 김
 
Dressage Position 101: Part 2
Dressage Position 101: Part 2Dressage Position 101: Part 2
Dressage Position 101: Part 2Dr Cesar Parra
 

Destacado (7)

Evaluacion
EvaluacionEvaluacion
Evaluacion
 
Muzeum ksiazki dzieciecej
Muzeum ksiazki dzieciecejMuzeum ksiazki dzieciecej
Muzeum ksiazki dzieciecej
 
Literatura
LiteraturaLiteratura
Literatura
 
DoMORE Winter 2015
DoMORE Winter 2015DoMORE Winter 2015
DoMORE Winter 2015
 
Oppimisen tuki Stadin ammattiopistossa
Oppimisen tuki Stadin ammattiopistossaOppimisen tuki Stadin ammattiopistossa
Oppimisen tuki Stadin ammattiopistossa
 
[Iga works] live operation targeting push guide 1.1
[Iga works] live operation targeting push guide 1.1[Iga works] live operation targeting push guide 1.1
[Iga works] live operation targeting push guide 1.1
 
Dressage Position 101: Part 2
Dressage Position 101: Part 2Dressage Position 101: Part 2
Dressage Position 101: Part 2
 

Similar a Tercera clase (13)

004 html: listas
004 html: listas004 html: listas
004 html: listas
 
004html Listas
004html Listas004html Listas
004html Listas
 
listas en html
listas en htmllistas en html
listas en html
 
Tags en html
Tags en htmlTags en html
Tags en html
 
7. dreamweaver practico part1
7. dreamweaver practico part17. dreamweaver practico part1
7. dreamweaver practico part1
 
Html
HtmlHtml
Html
 
Tablas en HTML
Tablas en HTMLTablas en HTML
Tablas en HTML
 
Tablas en html
Tablas en htmlTablas en html
Tablas en html
 
Guia3 html
Guia3 htmlGuia3 html
Guia3 html
 
Manual 1.3 HTML
Manual 1.3 HTMLManual 1.3 HTML
Manual 1.3 HTML
 
006html Tablas
006html Tablas006html Tablas
006html Tablas
 
006: html tablas
006: html tablas006: html tablas
006: html tablas
 
Listas
ListasListas
Listas
 

Más de gabyfersanz

Más de gabyfersanz (8)

Cuarta clase
Cuarta claseCuarta clase
Cuarta clase
 
Segunda clase
Segunda claseSegunda clase
Segunda clase
 
Primera clase
Primera clasePrimera clase
Primera clase
 
Mapamental
MapamentalMapamental
Mapamental
 
Modeloconteptual
ModeloconteptualModeloconteptual
Modeloconteptual
 
Plan de clases
Plan de clasesPlan de clases
Plan de clases
 
Plan de clases
Plan de clasesPlan de clases
Plan de clases
 
Trabajofinal 8
Trabajofinal 8Trabajofinal 8
Trabajofinal 8
 

Último

ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 

Último (20)

La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 

Tercera clase

  • 1.
  • 2. LISTAS: El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: listas no numeradas, numeradas y de definición.
  • 3. LISTAS NO NUMERADAS: Es el tipo más simple y común. <ul> y <li>
  • 4.
  • 5. Listas numeradas: Son casi identicas a los no numeradas. <ol> <li>
  • 6.
  • 7. LISTAS DE DEFINICION: Es un tipo poco común para muchos creadores de páginas web. <html> <head> <title>Ejemplo de lista de definición</title></head> <body> <h1>Definiciones</h1> <dl> <dt>Perro:</dt> <dd>Animal de cuatro patas que ladra</dd> <dt>Gato</dt> <dd>Animal de cuatro patas que maulla y se lleva muy mal con el perro</dd> <dt>Pescadilla</dt> <dd>Animal que vive en el mar y está recubierto de escamas.</dd> </dl> </body> </html>
  • 8.
  • 9. TABLAS: Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que se utilizan en cualquier otro entorno de publicación de documentos. Las tablas más sencillas de HTML se definen con tres etiquetas <table>,<tr> y <td>
  • 10. <html> <head><title>Ejemplo de Tabla sencilla</title></head> <body> <h1>Lista de Cursos</h1> <table> <tr> <td><strong>Curso</strong></td> <td><strong>Horas</strong></td> <td><strong>Fecha</strong></td> </tr> <tr> <td>HTML+PHP Básico</td> <td>20</td> <td>14 y 15 de Junio 2008</td> </tr> <tr> <td>PHP+MYSQL</td> <td>20</td> <td>21 y 22 de Junio 2008</td> </tr> <tr> <td>CSS y JAvaScript</td> <td>20</td> <td>28 y 29 de Junio 2008</td> </tr></table></body></html>
  • 11.
  • 12. <html> <body> <a href="tabla2.html"> Ir a </a> <table style="height= 100%, width=100%;" border="4"> <caption>Relacion de Frutas.</caption> <tr><th>Frutas</th><th>Color</th></tr> <tr> <td>manzana</td> <td>roja</td></tr> <tr> <td>limon</td> <td>verde</td></tr> <tr> <td>pera</td> <td>verde</td></tr> <tr> <td>Uva</td> <td>morado</td></tr> <tr> <td>Melon</td> <td>amarillo</td></tr> <tr> <td>LEchoza</td> <td>pintada</td></tr> </table></body></html>