SlideShare una empresa de Scribd logo
1 de 4
Contenido
IMAGEN DE FONDO............................................................................................................... 1
UN FONDO DE UN SOLO COLOR............................................................................................. 1
COLOR DE TEXTO................................................................................................................... 1
LISTAS NO ORDENADAS ......................................................................................................... 2
LISTAS ORDENADAS............................................................................................................... 2
SALTO DE LINEA..................................................................................................................... 4
IMAGEN DE FONDO
<BODY>
El elemento<BODY>se colocainmediatamente despuésdel cierre de lamarca</HEAD> y,en
cualquiercaso,dentrode los elementos <HTML></HTML>; tiene unamarca de aperturay una de
cierre y delimitadoporellasfigurael cuerpodel documento.
Si el elemento<HEAD>contenía metainformación (esdecir,datosnovisualizadosmaterialmente
por el navegador) lafunciónde lamarca <BODY> esla de mostrar losobjetos(texto,imágenes,
sonidos,apliques,etc.) de lapágina.
La sintaxiscorrectadel elemento<BODY>es lasiguiente:
<BODY>
Contenidodel documento
</BODY>
UN FONDO DE UN SOLO COLOR
<BODY BGCOLOR="red">
Es posible sustituirel nombre eninglésconvaloreshexadecimales.Porejemplo,el colorrojo(red)
se sustituye de estamanera:
<BODY BGCOLOR="#ff0000">
COLOR DE TEXTO
Con losCódigosde coloresHTML puede establecerel colorde fondodel sitioweb,el colordel
texto,de lasceldasenlastablas ymucho más.
Usar loscódigosde coloresHTML para el colorde fondodel sitioweb:
<bodystyle="background:#80BFFF">
Usar loscódigosde coloresHTML para configurarel colorde la fuente/texto:
<span style="color:#80BFFF">
Usar loscódigosde coloresHTML para el colorde fondode lastablas:
<table style="background:#80BFFF">
Usar loscódigosde coloresHTML para loscoloresde losenlaces:
<a style="color:#80BFFF">
LISTAS NO ORDENADAS
El siguientecódigoHTML muestraunejemplosencillode listanoordenada:
<Html>
<Head><title>Ejemplode etiquetaUL</title></head>
<Body>
<h1>Menú</h1>
<Ul>
<Li>Inicio</li>
<Li>Noticias</li>
<Li>Artículos</li>
<Li>Contacto</li>
</Ul>
</Body>
</HTML>
LISTAS ORDENADAS
Las listasordenadasconstande una solamarca de aperturay cierre <OL></OL> y tantas marcas de
listacomovoceshay enel menú<LI>. La sintaxiscorrectapara elaborarlistasordenadases:
<OL>
<LI> Primeravozdel menú </LI>
<LI> Segundavozdel menú </LI>
<LI> Terceravoz del menú </LI>
</OL>
En el ejemplonotamoscómoesposibleomitirlamarca <BR> para el saltode línea,dadoque está
automáticamente incluidoen<LI>.Si nose establece diversamente(comoveremosa
continuación),el tipode listaordenadaque el navegadorvisualizaestánumerada(es decir,lalista
consta de una serie de númerosque parte del 1y va aumentandoprogresivamente).Lasúltimas
versionesde HTML prevénlaposibilidadde listasordenadasque contenganunsistemade
ordenacióndiversodel numéricoantescitado:
Ordenaciónconletrasmayúsculas:
<OL TYPE=A>
<LI> Primeravozdel menú
<LI> Segundavozdel menú
<LI> Terceravoz del menú
</OL>
Ordenaciónconletrasminúsculas:
<OL TYPE=a>
<LI> Primeravozdel menú
<LI> Segundavozdel menú
<LI> Terceravoz del menú
</OL>
Ordenaciónconnúmerosromanosenmayúscula:
<OL TYPE=I>
<LI> Primeravozdel menú
<LI> Segundavozdel menú
<LI> Terceravoz del menú
</OL>
Ordenaciónconnúmerosromanosenminúscula(romanitos):
<OL TYPE=i>
<LI> Primeravozdel menú
<LI> Segundavozdel menú
<LI> Terceravoz del menú
</OL>
SALTO DE LINEA
<HTML>
<HEAD>
<TITLE>Ejemplo9</TITLE>
</HEAD>
<BODY>
<H1>Saltos y líneas</H1>
<HR>
<HR width="80%">
<HR width="60%">
<HR width="40%">
<HR width="20%">
----
<Br><br><br>
----
</BODY>
</HTML>

Más contenido relacionado

Destacado

Destacado (9)

Política, Empresa y Poder. a propósito del caso Penta
Política, Empresa y Poder. a propósito del caso PentaPolítica, Empresa y Poder. a propósito del caso Penta
Política, Empresa y Poder. a propósito del caso Penta
 
Catalogo Sardegna-Corsica 2013 - Imperatore Travel
Catalogo Sardegna-Corsica 2013 - Imperatore TravelCatalogo Sardegna-Corsica 2013 - Imperatore Travel
Catalogo Sardegna-Corsica 2013 - Imperatore Travel
 
Retuning Your Value Proposition
Retuning Your Value PropositionRetuning Your Value Proposition
Retuning Your Value Proposition
 
Travel Planner-3
Travel Planner-3Travel Planner-3
Travel Planner-3
 
la prostitución en el mundo-rolando
la prostitución en el mundo-rolandola prostitución en el mundo-rolando
la prostitución en el mundo-rolando
 
Plastiks - Noções de Citologia em massinha de modelar
Plastiks - Noções de Citologia em massinha de modelarPlastiks - Noções de Citologia em massinha de modelar
Plastiks - Noções de Citologia em massinha de modelar
 
COPD Multicultural Poster and Tear Pad
COPD Multicultural Poster and Tear Pad   COPD Multicultural Poster and Tear Pad
COPD Multicultural Poster and Tear Pad
 
Using a flipped classroom to achieve learning
Using a flipped classroom to achieve learning Using a flipped classroom to achieve learning
Using a flipped classroom to achieve learning
 
25 abril Arnes.Càtars i Jueus a Terra de Cruïlla
25 abril Arnes.Càtars i Jueus a Terra de Cruïlla25 abril Arnes.Càtars i Jueus a Terra de Cruïlla
25 abril Arnes.Càtars i Jueus a Terra de Cruïlla
 

Similar a Listas, colores y saltos de línea HTML

MANUAL CORPORATIVO
MANUAL CORPORATIVOMANUAL CORPORATIVO
MANUAL CORPORATIVOarli3
 
Arte argentino
Arte argentinoArte argentino
Arte argentinoandredi808
 
Tabla de contenido fmb
Tabla de contenido fmb Tabla de contenido fmb
Tabla de contenido fmb Bleakness
 
Práctica - Índices, Citas y Bibliografía
Práctica - Índices, Citas y BibliografíaPráctica - Índices, Citas y Bibliografía
Práctica - Índices, Citas y BibliografíaYudelki Vasquez Porro
 
Guía de aprendizaje caligrama y acrostico
Guía de aprendizaje caligrama y acrosticoGuía de aprendizaje caligrama y acrostico
Guía de aprendizaje caligrama y acrosticoPamela Silva
 
Guadeaprendizajecaligramayacrostico 150415185242-conversion-gate01
Guadeaprendizajecaligramayacrostico 150415185242-conversion-gate01Guadeaprendizajecaligramayacrostico 150415185242-conversion-gate01
Guadeaprendizajecaligramayacrostico 150415185242-conversion-gate01MonicaOlayaPabon
 
Insertar tabla de contenido y tabla de ilustraciones
Insertar tabla de contenido y tabla de ilustracionesInsertar tabla de contenido y tabla de ilustraciones
Insertar tabla de contenido y tabla de ilustracionesNaomy Solorzano Rosado
 
Indice Buenas Palabras 6
Indice Buenas Palabras 6Indice Buenas Palabras 6
Indice Buenas Palabras 6Limpresa
 
Libro: Guía de diseño y presentación de diseños de productos
Libro: Guía de diseño y presentación de diseños de productosLibro: Guía de diseño y presentación de diseños de productos
Libro: Guía de diseño y presentación de diseños de productosDulce Maria Manzo
 
Manual Para Fotocopiar Illustrator Y Freehand
Manual Para Fotocopiar Illustrator Y FreehandManual Para Fotocopiar Illustrator Y Freehand
Manual Para Fotocopiar Illustrator Y FreehandEunice Fusty
 

Similar a Listas, colores y saltos de línea HTML (20)

MANUAL CORPORATIVO
MANUAL CORPORATIVOMANUAL CORPORATIVO
MANUAL CORPORATIVO
 
EDUCATIVO
EDUCATIVOEDUCATIVO
EDUCATIVO
 
Arte argentino
Arte argentinoArte argentino
Arte argentino
 
Juegos evaluacion-inicial-o-final
Juegos evaluacion-inicial-o-finalJuegos evaluacion-inicial-o-final
Juegos evaluacion-inicial-o-final
 
Tabla de contenido fmb
Tabla de contenido fmb Tabla de contenido fmb
Tabla de contenido fmb
 
Práctica - Índices, Citas y Bibliografía
Práctica - Índices, Citas y BibliografíaPráctica - Índices, Citas y Bibliografía
Práctica - Índices, Citas y Bibliografía
 
Guía de aprendizaje caligrama y acrostico
Guía de aprendizaje caligrama y acrosticoGuía de aprendizaje caligrama y acrostico
Guía de aprendizaje caligrama y acrostico
 
Guadeaprendizajecaligramayacrostico 150415185242-conversion-gate01
Guadeaprendizajecaligramayacrostico 150415185242-conversion-gate01Guadeaprendizajecaligramayacrostico 150415185242-conversion-gate01
Guadeaprendizajecaligramayacrostico 150415185242-conversion-gate01
 
Manual microsoft office word 2010
Manual microsoft office word 2010Manual microsoft office word 2010
Manual microsoft office word 2010
 
Manual microsoft office word 2010
Manual microsoft office word 2010Manual microsoft office word 2010
Manual microsoft office word 2010
 
Insertar tabla de contenido y tabla de ilustraciones
Insertar tabla de contenido y tabla de ilustracionesInsertar tabla de contenido y tabla de ilustraciones
Insertar tabla de contenido y tabla de ilustraciones
 
Indice Buenas Palabras 6
Indice Buenas Palabras 6Indice Buenas Palabras 6
Indice Buenas Palabras 6
 
Libro: Guía de diseño y presentación de diseños de productos
Libro: Guía de diseño y presentación de diseños de productosLibro: Guía de diseño y presentación de diseños de productos
Libro: Guía de diseño y presentación de diseños de productos
 
Manual Para Fotocopiar Illustrator Y Freehand
Manual Para Fotocopiar Illustrator Y FreehandManual Para Fotocopiar Illustrator Y Freehand
Manual Para Fotocopiar Illustrator Y Freehand
 
Opciones de autorrelleno
Opciones de autorrellenoOpciones de autorrelleno
Opciones de autorrelleno
 
Moving Adobe photoshop cs5
Moving Adobe photoshop cs5Moving Adobe photoshop cs5
Moving Adobe photoshop cs5
 
Guías de complementos
Guías de complementosGuías de complementos
Guías de complementos
 
Imagenes y formas
Imagenes y formasImagenes y formas
Imagenes y formas
 
Photoshop cs5 help
Photoshop cs5 helpPhotoshop cs5 help
Photoshop cs5 help
 
Practica 1
Practica 1Practica 1
Practica 1
 

Más de criistianp

Requerimientos y recoleccion de informacion
Requerimientos y recoleccion de informacionRequerimientos y recoleccion de informacion
Requerimientos y recoleccion de informacioncriistianp
 
Recoleccion de datos
Recoleccion de datosRecoleccion de datos
Recoleccion de datoscriistianp
 
UML CASOS DE USO
UML CASOS DE USOUML CASOS DE USO
UML CASOS DE USOcriistianp
 
Metodología Gestión de Requerimientos
Metodología Gestión de RequerimientosMetodología Gestión de Requerimientos
Metodología Gestión de Requerimientoscriistianp
 
Aprendiendo uml en 24 horas
Aprendiendo uml en 24 horasAprendiendo uml en 24 horas
Aprendiendo uml en 24 horascriistianp
 
Parametros para exponer
Parametros para exponerParametros para exponer
Parametros para exponercriistianp
 
Aprendiendo uml en 24 horas
Aprendiendo uml en 24 horasAprendiendo uml en 24 horas
Aprendiendo uml en 24 horascriistianp
 

Más de criistianp (12)

Sena inicio
Sena inicioSena inicio
Sena inicio
 
Algoritmos
AlgoritmosAlgoritmos
Algoritmos
 
Algoritmos
AlgoritmosAlgoritmos
Algoritmos
 
Requerimientos y recoleccion de informacion
Requerimientos y recoleccion de informacionRequerimientos y recoleccion de informacion
Requerimientos y recoleccion de informacion
 
Recoleccion de datos
Recoleccion de datosRecoleccion de datos
Recoleccion de datos
 
Que es html
Que es htmlQue es html
Que es html
 
UML CASOS DE USO
UML CASOS DE USOUML CASOS DE USO
UML CASOS DE USO
 
algoritmos
algoritmosalgoritmos
algoritmos
 
Metodología Gestión de Requerimientos
Metodología Gestión de RequerimientosMetodología Gestión de Requerimientos
Metodología Gestión de Requerimientos
 
Aprendiendo uml en 24 horas
Aprendiendo uml en 24 horasAprendiendo uml en 24 horas
Aprendiendo uml en 24 horas
 
Parametros para exponer
Parametros para exponerParametros para exponer
Parametros para exponer
 
Aprendiendo uml en 24 horas
Aprendiendo uml en 24 horasAprendiendo uml en 24 horas
Aprendiendo uml en 24 horas
 

Último

Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
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
 
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
 
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
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
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
 
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
 
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
 
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
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
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
 

Último (20)

Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
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...
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
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
 
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
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
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...
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
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
 
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
 
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
 
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
 
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
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
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
 

Listas, colores y saltos de línea HTML

  • 1. Contenido IMAGEN DE FONDO............................................................................................................... 1 UN FONDO DE UN SOLO COLOR............................................................................................. 1 COLOR DE TEXTO................................................................................................................... 1 LISTAS NO ORDENADAS ......................................................................................................... 2 LISTAS ORDENADAS............................................................................................................... 2 SALTO DE LINEA..................................................................................................................... 4 IMAGEN DE FONDO <BODY> El elemento<BODY>se colocainmediatamente despuésdel cierre de lamarca</HEAD> y,en cualquiercaso,dentrode los elementos <HTML></HTML>; tiene unamarca de aperturay una de cierre y delimitadoporellasfigurael cuerpodel documento. Si el elemento<HEAD>contenía metainformación (esdecir,datosnovisualizadosmaterialmente por el navegador) lafunciónde lamarca <BODY> esla de mostrar losobjetos(texto,imágenes, sonidos,apliques,etc.) de lapágina. La sintaxiscorrectadel elemento<BODY>es lasiguiente: <BODY> Contenidodel documento </BODY> UN FONDO DE UN SOLO COLOR <BODY BGCOLOR="red"> Es posible sustituirel nombre eninglésconvaloreshexadecimales.Porejemplo,el colorrojo(red) se sustituye de estamanera: <BODY BGCOLOR="#ff0000"> COLOR DE TEXTO Con losCódigosde coloresHTML puede establecerel colorde fondodel sitioweb,el colordel texto,de lasceldasenlastablas ymucho más.
  • 2. Usar loscódigosde coloresHTML para el colorde fondodel sitioweb: <bodystyle="background:#80BFFF"> Usar loscódigosde coloresHTML para configurarel colorde la fuente/texto: <span style="color:#80BFFF"> Usar loscódigosde coloresHTML para el colorde fondode lastablas: <table style="background:#80BFFF"> Usar loscódigosde coloresHTML para loscoloresde losenlaces: <a style="color:#80BFFF"> LISTAS NO ORDENADAS El siguientecódigoHTML muestraunejemplosencillode listanoordenada: <Html> <Head><title>Ejemplode etiquetaUL</title></head> <Body> <h1>Menú</h1> <Ul> <Li>Inicio</li> <Li>Noticias</li> <Li>Artículos</li> <Li>Contacto</li> </Ul> </Body> </HTML> LISTAS ORDENADAS Las listasordenadasconstande una solamarca de aperturay cierre <OL></OL> y tantas marcas de listacomovoceshay enel menú<LI>. La sintaxiscorrectapara elaborarlistasordenadases: <OL> <LI> Primeravozdel menú </LI>
  • 3. <LI> Segundavozdel menú </LI> <LI> Terceravoz del menú </LI> </OL> En el ejemplonotamoscómoesposibleomitirlamarca <BR> para el saltode línea,dadoque está automáticamente incluidoen<LI>.Si nose establece diversamente(comoveremosa continuación),el tipode listaordenadaque el navegadorvisualizaestánumerada(es decir,lalista consta de una serie de númerosque parte del 1y va aumentandoprogresivamente).Lasúltimas versionesde HTML prevénlaposibilidadde listasordenadasque contenganunsistemade ordenacióndiversodel numéricoantescitado: Ordenaciónconletrasmayúsculas: <OL TYPE=A> <LI> Primeravozdel menú <LI> Segundavozdel menú <LI> Terceravoz del menú </OL> Ordenaciónconletrasminúsculas: <OL TYPE=a> <LI> Primeravozdel menú <LI> Segundavozdel menú <LI> Terceravoz del menú </OL> Ordenaciónconnúmerosromanosenmayúscula: <OL TYPE=I> <LI> Primeravozdel menú <LI> Segundavozdel menú <LI> Terceravoz del menú </OL>
  • 4. Ordenaciónconnúmerosromanosenminúscula(romanitos): <OL TYPE=i> <LI> Primeravozdel menú <LI> Segundavozdel menú <LI> Terceravoz del menú </OL> SALTO DE LINEA <HTML> <HEAD> <TITLE>Ejemplo9</TITLE> </HEAD> <BODY> <H1>Saltos y líneas</H1> <HR> <HR width="80%"> <HR width="60%"> <HR width="40%"> <HR width="20%"> ---- <Br><br><br> ---- </BODY> </HTML>