SlideShare ist ein Scribd-Unternehmen logo
1 von 24
HTML, sigla en inglés de HyperText Markup
Language (lenguaje de marcas de hipertexto), hace
referencia al lenguaje de marcado para la elaboración
de páginas web.
Una etiqueta será un
texto incluido entre
los símbolos menor
que (<) y mayor que
(>). El texto incluido
dentro de los
símbolos será
explicativo de la
utilidad de la
etiqueta.
El cuerpo de un documento HTML es la parte central de una
página web, este se define por medio de la etiqueta BODY.
Comprende todo el código situado entre las etiquetas
<BODY> y </BODY>, su contenido si es visible en la ventana
del navegador
Puede contener los siguientes elementos:
• Elementos estándares HTML: párrafos,
formularios, tablas, listas, etc.
• Capas definidas mediante etiquetas <div>…</div>
o <span>…</span>
• Códigos de lenguajes en servidor: JSP, Java, ASP,
PHP, etc.
• Objetos incrustados: Applets, animaciones Flahs,
etc.
En la mayoría de los documentos HTML se usan listas para
organizar el texto. El lenguaje HTML incorpora distintas
formas de mostrar listas, por ejemplo con viñetas sencillas o
también con letras o números.
Hoja de estilo en cascada o CSS (siglas en inglés de
cascading style sheets) es un lenguaje usado para
definir y crear la presentación de un documento
estructurado escrito en HTML o XML (y por
extensión en XHTML).
Las listas no ordenadas son aquellas que se encuentran entre
las etiquetas <ul> y </ul> (ul indica unordered list), etiqueta
de apertura y cierre respectivamente. Si queremos añadir un
nuevo punto, lo tendremos que hacer dentro de las etiquetas
<li> y </li>.
Si no le indicamos nada a la etiqueta <li>, la viñeta o marca
que indica que se trata de un elemento de una lista se
generará de forma automática. Pero si queremos definir
nosotros mismo el símbolo del punto o marca a emplear,
debemos indicarlo específicamente. En el pasado se usaba el
atributo “type”, hoy en día no recomendado (deprecated). Con
este atributo se podía hacer que la lista estuviera definida por
puntos negros (li type="disc"), por puntos con el fondo blanco
(li type="circle") o por cuadrados (li type="square").
La sintaxis recomendada para indicar la apariencia se basa en
usar CSS como indicamos a continuación:
<ul style="list-style-type:disc">
<ul style="list-style-type:circle">
<ul style="list-style-type:square">
Si lo que pretendemos es definir una lista ordenada, lo
tendremos que hacer entre las etiquetas <ol> </ol> (ol indica
ordered list). Además, cada elemento de la lista se escribirá
con la misma etiqueta que para las listas no ordenadas: <li>.
Pero al ser listas ordenadas los símbolos por defecto serán
números y éstos se irán generando automáticamente por
orden, conforme escribamos nuevos elementos de la lista.
En las listas ordenadas podemos hacer que el primer punto
comience con el número que nosotros queramos. Lo
conseguiremos gracias al atributo “value”. Los siguientes
puntos que escribamos se generarán automáticamente por
orden, partiendo de ese número.
La sintaxis recomendada para indicar la apariencia se basa en
usar CSS como indicamos a continuación:
<ul style="list-style-type:decimal"> para números.
<ul style="list-style-type:lower-alpha"> para letras
minúsculas.
<ul style="list-style-type:upper-alpha"> para letras
mayúsculas.
<ul style="list-style-type:lower-roman"> para números
romanos en minúsculas.
<ul style="list-style-type:upper-roman"> para números
romanos en mayúsculas.
Las listas de definiciones se usan cuando queremos hacer una
enumeración tipo “diccionario” donde tenemos varios
términos y su definición o descripción.
Para crear una lista de definiciones debemos usar las etiquetas
<dl>, <dt> y <dd>. Vamos a explicarlas por partes:
• La etiqueta <dl> indica que dentro de ella va a ir una lista
de definiciones o lista de descripciones.
• La etiqueta <dt> indica que dentro de ella va un término
que vamos a definir.
• La etiqueta <dd> nos dice que dentro de ella se encuentra
una definición o descripción asociada a un término. Un
término podría tener varias descripciones. Por ejemplo el
término Autor podría tener como descripciones: Mateo
Renzi, Olivo Pascua, Jorge Guillén.
Si lo deseamos, podemos combinar unos tipos de listas con
otros. Por ejemplo, tener listas ordenadas dentro de cada
elemento de una lista desordenada.
Html
Html
Html

Weitere ähnliche Inhalte

Was ist angesagt? (19)

Presentacion HTML
Presentacion HTMLPresentacion HTML
Presentacion HTML
 
Curso HTML 5 & jQuery - Leccion 9
Curso HTML 5 & jQuery - Leccion 9Curso HTML 5 & jQuery - Leccion 9
Curso HTML 5 & jQuery - Leccion 9
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
 
Html
HtmlHtml
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
 
Curso HTML 5 & jQuery - Leccion 4
Curso HTML 5 & jQuery - Leccion 4Curso HTML 5 & jQuery - Leccion 4
Curso HTML 5 & jQuery - Leccion 4
 
APRENDER Html
APRENDER HtmlAPRENDER Html
APRENDER Html
 
Html
HtmlHtml
Html
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Html
HtmlHtml
Html
 
Diapositivas de tablas y tipos de datos
Diapositivas de tablas y tipos de datosDiapositivas de tablas y tipos de datos
Diapositivas de tablas y tipos de datos
 
Curso HTML 5 & jQuery - Leccion 6
Curso HTML 5 & jQuery - Leccion 6Curso HTML 5 & jQuery - Leccion 6
Curso HTML 5 & jQuery - Leccion 6
 
Curso html
Curso   htmlCurso   html
Curso html
 
Curso HTML 5 & jQuery - Leccion 5
Curso HTML 5 & jQuery - Leccion 5Curso HTML 5 & jQuery - Leccion 5
Curso HTML 5 & jQuery - Leccion 5
 
1
11
1
 
curso de html
curso de htmlcurso de html
curso de html
 
Tipo de listas en html
Tipo de listas en htmlTipo de listas en html
Tipo de listas en html
 
Html power
Html powerHtml power
Html power
 

Andere mochten auch

Zend Con Harris Data Case Study
Zend Con   Harris Data Case StudyZend Con   Harris Data Case Study
Zend Con Harris Data Case StudyZendCon
 
Pro_Tools_Tier_1 Cert
Pro_Tools_Tier_1 CertPro_Tools_Tier_1 Cert
Pro_Tools_Tier_1 CertRyon Westover
 
Fotocomunicacion
FotocomunicacionFotocomunicacion
Fotocomunicacionklandeztine
 
Online Advocacy And Fundraising with IFAW Case Study
Online Advocacy And Fundraising with IFAW Case StudyOnline Advocacy And Fundraising with IFAW Case Study
Online Advocacy And Fundraising with IFAW Case Studymcdavis7
 
Step by step guide to switch ip address of 2 domain controllers
Step by step guide to switch ip address of 2 domain controllersStep by step guide to switch ip address of 2 domain controllers
Step by step guide to switch ip address of 2 domain controllersNilesh Kamble
 
Fund.da pesquisa em educação
Fund.da pesquisa em educaçãoFund.da pesquisa em educação
Fund.da pesquisa em educaçãoflor Oliveira
 
Edson Oswaldo Montoya Mtz
Edson Oswaldo Montoya MtzEdson Oswaldo Montoya Mtz
Edson Oswaldo Montoya Mtzoswaldo9515
 
1.8 đảm bảo việc sử dụng các đại từ phải rõ ràng về ngữ nghĩa
1.8 đảm bảo việc sử dụng các đại từ phải rõ ràng về ngữ nghĩa1.8 đảm bảo việc sử dụng các đại từ phải rõ ràng về ngữ nghĩa
1.8 đảm bảo việc sử dụng các đại từ phải rõ ràng về ngữ nghĩaLac Hong University
 
Toegankelijke en semantische HTML formulieren
Toegankelijke en semantische HTML formulierenToegankelijke en semantische HTML formulieren
Toegankelijke en semantische HTML formulierenThomas Byttebier
 
Belangrijke CSS begrippen (2)
Belangrijke CSS begrippen (2)Belangrijke CSS begrippen (2)
Belangrijke CSS begrippen (2)Thomas Byttebier
 
El proceso de decison de compra
El proceso de decison de compraEl proceso de decison de compra
El proceso de decison de compraNelson Rojas
 
Online Marketing, Part II: Turning Participants into Supporters-Stepping up Y...
Online Marketing, Part II: Turning Participants into Supporters-Stepping up Y...Online Marketing, Part II: Turning Participants into Supporters-Stepping up Y...
Online Marketing, Part II: Turning Participants into Supporters-Stepping up Y...Kivi Leroux Miller
 
How to Design and Present Online Training People Will Love #10NTC
How to Design and Present Online Training People Will Love #10NTCHow to Design and Present Online Training People Will Love #10NTC
How to Design and Present Online Training People Will Love #10NTCKivi Leroux Miller
 

Andere mochten auch (19)

Zend Con Harris Data Case Study
Zend Con   Harris Data Case StudyZend Con   Harris Data Case Study
Zend Con Harris Data Case Study
 
Pro_Tools_Tier_1 Cert
Pro_Tools_Tier_1 CertPro_Tools_Tier_1 Cert
Pro_Tools_Tier_1 Cert
 
Draaiorgels
DraaiorgelsDraaiorgels
Draaiorgels
 
Fotocomunicacion
FotocomunicacionFotocomunicacion
Fotocomunicacion
 
Prueba 2
Prueba 2Prueba 2
Prueba 2
 
Online Advocacy And Fundraising with IFAW Case Study
Online Advocacy And Fundraising with IFAW Case StudyOnline Advocacy And Fundraising with IFAW Case Study
Online Advocacy And Fundraising with IFAW Case Study
 
Step by step guide to switch ip address of 2 domain controllers
Step by step guide to switch ip address of 2 domain controllersStep by step guide to switch ip address of 2 domain controllers
Step by step guide to switch ip address of 2 domain controllers
 
Fund.da pesquisa em educação
Fund.da pesquisa em educaçãoFund.da pesquisa em educação
Fund.da pesquisa em educação
 
Chatard
ChatardChatard
Chatard
 
gs0602
gs0602gs0602
gs0602
 
Edson Oswaldo Montoya Mtz
Edson Oswaldo Montoya MtzEdson Oswaldo Montoya Mtz
Edson Oswaldo Montoya Mtz
 
1.8 đảm bảo việc sử dụng các đại từ phải rõ ràng về ngữ nghĩa
1.8 đảm bảo việc sử dụng các đại từ phải rõ ràng về ngữ nghĩa1.8 đảm bảo việc sử dụng các đại từ phải rõ ràng về ngữ nghĩa
1.8 đảm bảo việc sử dụng các đại từ phải rõ ràng về ngữ nghĩa
 
FSLN12 Introduction Paderborn
FSLN12 Introduction PaderbornFSLN12 Introduction Paderborn
FSLN12 Introduction Paderborn
 
Toegankelijke en semantische HTML formulieren
Toegankelijke en semantische HTML formulierenToegankelijke en semantische HTML formulieren
Toegankelijke en semantische HTML formulieren
 
Belangrijke CSS begrippen (2)
Belangrijke CSS begrippen (2)Belangrijke CSS begrippen (2)
Belangrijke CSS begrippen (2)
 
El proceso de decison de compra
El proceso de decison de compraEl proceso de decison de compra
El proceso de decison de compra
 
El budismo
El budismoEl budismo
El budismo
 
Online Marketing, Part II: Turning Participants into Supporters-Stepping up Y...
Online Marketing, Part II: Turning Participants into Supporters-Stepping up Y...Online Marketing, Part II: Turning Participants into Supporters-Stepping up Y...
Online Marketing, Part II: Turning Participants into Supporters-Stepping up Y...
 
How to Design and Present Online Training People Will Love #10NTC
How to Design and Present Online Training People Will Love #10NTCHow to Design and Present Online Training People Will Love #10NTC
How to Design and Present Online Training People Will Love #10NTC
 

Ähnlich wie Html (20)

Listas html
Listas   htmlListas   html
Listas html
 
listas HTML
listas HTMLlistas HTML
listas HTML
 
Html
Html Html
Html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Html
HtmlHtml
Html
 
Listas HTML.pptx
Listas HTML.pptxListas HTML.pptx
Listas HTML.pptx
 
Lenguaje HTML y CSS
Lenguaje HTML y CSSLenguaje HTML y CSS
Lenguaje HTML y CSS
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
Html juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabadoHtml juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabado
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Conceptos básicos HTML
Conceptos básicos HTMLConceptos básicos HTML
Conceptos básicos HTML
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Listas html
Listas htmlListas html
Listas html
 
Listas
ListasListas
Listas
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 

Mehr von Marcela Osorio

Mehr von Marcela Osorio (10)

Comercio internacional
Comercio internacionalComercio internacional
Comercio internacional
 
Codigo laboral
Codigo laboralCodigo laboral
Codigo laboral
 
Espejos concavos y convexos
Espejos concavos y convexosEspejos concavos y convexos
Espejos concavos y convexos
 
FIsica
FIsicaFIsica
FIsica
 
Neo
NeoNeo
Neo
 
Crisis griega
Crisis griegaCrisis griega
Crisis griega
 
Literatura medieval
Literatura medievalLiteratura medieval
Literatura medieval
 
El humanismo y la religion
El humanismo y la religionEl humanismo y la religion
El humanismo y la religion
 
Enfermedades que afectan a los deportistas
Enfermedades que afectan a los deportistasEnfermedades que afectan a los deportistas
Enfermedades que afectan a los deportistas
 
Lenguajes a través de la historia del cine
Lenguajes a través de la historia del cineLenguajes a través de la historia del cine
Lenguajes a través de la historia del cine
 

Kürzlich hochgeladen

Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
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
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
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
 
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
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
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
 
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
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 

Kürzlich hochgeladen (20)

Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
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
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.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
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
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
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 

Html

  • 1.
  • 2. HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web.
  • 3. Una etiqueta será un texto incluido entre los símbolos menor que (<) y mayor que (>). El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta.
  • 4.
  • 5. El cuerpo de un documento HTML es la parte central de una página web, este se define por medio de la etiqueta BODY. Comprende todo el código situado entre las etiquetas <BODY> y </BODY>, su contenido si es visible en la ventana del navegador
  • 6. Puede contener los siguientes elementos: • Elementos estándares HTML: párrafos, formularios, tablas, listas, etc. • Capas definidas mediante etiquetas <div>…</div> o <span>…</span> • Códigos de lenguajes en servidor: JSP, Java, ASP, PHP, etc. • Objetos incrustados: Applets, animaciones Flahs, etc.
  • 7.
  • 8.
  • 9. En la mayoría de los documentos HTML se usan listas para organizar el texto. El lenguaje HTML incorpora distintas formas de mostrar listas, por ejemplo con viñetas sencillas o también con letras o números.
  • 10. Hoja de estilo en cascada o CSS (siglas en inglés de cascading style sheets) es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML).
  • 11. Las listas no ordenadas son aquellas que se encuentran entre las etiquetas <ul> y </ul> (ul indica unordered list), etiqueta de apertura y cierre respectivamente. Si queremos añadir un nuevo punto, lo tendremos que hacer dentro de las etiquetas <li> y </li>.
  • 12. Si no le indicamos nada a la etiqueta <li>, la viñeta o marca que indica que se trata de un elemento de una lista se generará de forma automática. Pero si queremos definir nosotros mismo el símbolo del punto o marca a emplear, debemos indicarlo específicamente. En el pasado se usaba el atributo “type”, hoy en día no recomendado (deprecated). Con este atributo se podía hacer que la lista estuviera definida por puntos negros (li type="disc"), por puntos con el fondo blanco (li type="circle") o por cuadrados (li type="square").
  • 13. La sintaxis recomendada para indicar la apariencia se basa en usar CSS como indicamos a continuación: <ul style="list-style-type:disc"> <ul style="list-style-type:circle"> <ul style="list-style-type:square">
  • 14.
  • 15. Si lo que pretendemos es definir una lista ordenada, lo tendremos que hacer entre las etiquetas <ol> </ol> (ol indica ordered list). Además, cada elemento de la lista se escribirá con la misma etiqueta que para las listas no ordenadas: <li>. Pero al ser listas ordenadas los símbolos por defecto serán números y éstos se irán generando automáticamente por orden, conforme escribamos nuevos elementos de la lista.
  • 16. En las listas ordenadas podemos hacer que el primer punto comience con el número que nosotros queramos. Lo conseguiremos gracias al atributo “value”. Los siguientes puntos que escribamos se generarán automáticamente por orden, partiendo de ese número.
  • 17. La sintaxis recomendada para indicar la apariencia se basa en usar CSS como indicamos a continuación: <ul style="list-style-type:decimal"> para números. <ul style="list-style-type:lower-alpha"> para letras minúsculas. <ul style="list-style-type:upper-alpha"> para letras mayúsculas. <ul style="list-style-type:lower-roman"> para números romanos en minúsculas. <ul style="list-style-type:upper-roman"> para números romanos en mayúsculas.
  • 18. Las listas de definiciones se usan cuando queremos hacer una enumeración tipo “diccionario” donde tenemos varios términos y su definición o descripción.
  • 19. Para crear una lista de definiciones debemos usar las etiquetas <dl>, <dt> y <dd>. Vamos a explicarlas por partes: • La etiqueta <dl> indica que dentro de ella va a ir una lista de definiciones o lista de descripciones. • La etiqueta <dt> indica que dentro de ella va un término que vamos a definir. • La etiqueta <dd> nos dice que dentro de ella se encuentra una definición o descripción asociada a un término. Un término podría tener varias descripciones. Por ejemplo el término Autor podría tener como descripciones: Mateo Renzi, Olivo Pascua, Jorge Guillén.
  • 20.
  • 21. Si lo deseamos, podemos combinar unos tipos de listas con otros. Por ejemplo, tener listas ordenadas dentro de cada elemento de una lista desordenada.