SlideShare una empresa de Scribd logo
1 de 6
ETIQUETA <BR> Y <P>
La etiqueta <BR> permite forzar un salto de
línea dentro de un texto. Observe que esta
etiqueta no se cierra con </BR>, razón por la
que se le conoce como etiqueta abierta. <P>
es otra etiqueta que puede utilizarse abierta
o cerrada. Si se usa de la primera forma,
iniciará un nuevo párrafo dejando una línea en
blanco, si por el contrario se cierra con </P>
permite alinear el nuevo párrafo a la derecha,
en el centro, a la izquierda o justificado,
dependiendo del valor asignado al parámetro
ALIGN. A continuación se muestran algunos
ejemplos:
FONDOS
 Hasta ahora se ha trabajado con páginas
cuyos colores son: blanco para el fondo y
negro para el texto escrito en ellas. Estos
son los colores que HTML toma por defecto.
 El siguiente ejemplo desplegará una página
con fondo negro (black)
IMAGEN DE FONDO
 Cuando el fondo es una imagen, esta debe estar en
la misma carpeta que el archivo html. La sintaxis es
 <HTML>
 <HEAD>
 <TITLE>fondo</TITLE>
 </HEAD>
 <BODY background=”nombreimagen.jpg”>
 Aquí hay una imagen de fondo
 </BODY>
 </HTML>
 <HTML>
 <HEAD>
 <TITLE>Cuerpo</TITLE>
 </HEAD>
 <BODY BGCOLOR=”green”>
 <H3>ESTA PÁGINA TENDRÁ FONDO
VERDE</H3>
 </BODY>
 </HTML>
ETIQUETA PARA FONDOS
El fondo de una página web puede ser una imagen o un color
de fondo y se aplica dentro de la etiqueta <BODY>
COLOR DE FONDO: <BODY BGCOLOR=“xxxx”>
Las equis representan el nombre del color en inglés
IMAGEN DE FONDO: <BODY BACKGROUND=
“nombre.png>
El nombre de la imagen debe ponerse exactamente y con la
extensión, por lo general los navegadores reconocen PNG y
JPG
NOTA: el archivo de la imagen debe estar en la misma carpeta
del archivo HTML para que lo reconozca.

Más contenido relacionado

Similar a Semana 3 (12)

Primera clasee
Primera claseePrimera clasee
Primera clasee
 
Curso htm profe. andres l
Curso htm profe.  andres lCurso htm profe.  andres l
Curso htm profe. andres l
 
Guia 3 de html alineacion y tamaños de fuente
Guia 3 de html   alineacion y tamaños de fuenteGuia 3 de html   alineacion y tamaños de fuente
Guia 3 de html alineacion y tamaños de fuente
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
Html
HtmlHtml
Html
 
como hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notascomo hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notas
 
emded/Retro2011brandon
emded/Retro2011brandonemded/Retro2011brandon
emded/Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
04texto
04texto04texto
04texto
 
Manual html basico GUTIECUADOR
Manual html basico GUTIECUADORManual html basico GUTIECUADOR
Manual html basico GUTIECUADOR
 

Más de MUNICIPIO DE ITAGUI (20)

Listas HTML.pptx
Listas HTML.pptxListas HTML.pptx
Listas HTML.pptx
 
Font.pptx
Font.pptxFont.pptx
Font.pptx
 
IntroPaginasweb hasta HX.pptx
IntroPaginasweb hasta HX.pptxIntroPaginasweb hasta HX.pptx
IntroPaginasweb hasta HX.pptx
 
EvluacionREDs.pptx
EvluacionREDs.pptxEvluacionREDs.pptx
EvluacionREDs.pptx
 
Excel_Elementos.pptx
Excel_Elementos.pptxExcel_Elementos.pptx
Excel_Elementos.pptx
 
Tablas html.pptx
Tablas html.pptxTablas html.pptx
Tablas html.pptx
 
Semana 4
Semana 4Semana 4
Semana 4
 
Sistemas de control modificado
Sistemas de control modificadoSistemas de control modificado
Sistemas de control modificado
 
Promedio max min
Promedio max minPromedio max min
Promedio max min
 
Excel elementos ventana
Excel elementos ventanaExcel elementos ventana
Excel elementos ventana
 
RadioDikta
RadioDiktaRadioDikta
RadioDikta
 
Examen sistemas de control
Examen sistemas de controlExamen sistemas de control
Examen sistemas de control
 
Sistemas de control
Sistemas de controlSistemas de control
Sistemas de control
 
Seguridad informatica parte dos
Seguridad informatica parte dosSeguridad informatica parte dos
Seguridad informatica parte dos
 
Seguridad informatica parte uno
Seguridad informatica parte unoSeguridad informatica parte uno
Seguridad informatica parte uno
 
Seguridad informatica
Seguridad informaticaSeguridad informatica
Seguridad informatica
 
Word elementos
Word elementosWord elementos
Word elementos
 
Nivelacion tecnologia
Nivelacion tecnologiaNivelacion tecnologia
Nivelacion tecnologia
 
Guia podcast nov9al13
Guia podcast nov9al13Guia podcast nov9al13
Guia podcast nov9al13
 
Guia podcast nov16al20
Guia podcast nov16al20Guia podcast nov16al20
Guia podcast nov16al20
 

Último

Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
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
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
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
 
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
 
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
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
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
 
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
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 

Último (20)

Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.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
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
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
 
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
 
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.
 
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
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
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
 
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
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 

Semana 3

  • 1. ETIQUETA <BR> Y <P> La etiqueta <BR> permite forzar un salto de línea dentro de un texto. Observe que esta etiqueta no se cierra con </BR>, razón por la que se le conoce como etiqueta abierta. <P> es otra etiqueta que puede utilizarse abierta o cerrada. Si se usa de la primera forma, iniciará un nuevo párrafo dejando una línea en blanco, si por el contrario se cierra con </P> permite alinear el nuevo párrafo a la derecha, en el centro, a la izquierda o justificado, dependiendo del valor asignado al parámetro ALIGN. A continuación se muestran algunos ejemplos:
  • 2.
  • 3. FONDOS  Hasta ahora se ha trabajado con páginas cuyos colores son: blanco para el fondo y negro para el texto escrito en ellas. Estos son los colores que HTML toma por defecto.  El siguiente ejemplo desplegará una página con fondo negro (black)
  • 4. IMAGEN DE FONDO  Cuando el fondo es una imagen, esta debe estar en la misma carpeta que el archivo html. La sintaxis es  <HTML>  <HEAD>  <TITLE>fondo</TITLE>  </HEAD>  <BODY background=”nombreimagen.jpg”>  Aquí hay una imagen de fondo  </BODY>  </HTML>
  • 5.  <HTML>  <HEAD>  <TITLE>Cuerpo</TITLE>  </HEAD>  <BODY BGCOLOR=”green”>  <H3>ESTA PÁGINA TENDRÁ FONDO VERDE</H3>  </BODY>  </HTML>
  • 6. ETIQUETA PARA FONDOS El fondo de una página web puede ser una imagen o un color de fondo y se aplica dentro de la etiqueta <BODY> COLOR DE FONDO: <BODY BGCOLOR=“xxxx”> Las equis representan el nombre del color en inglés IMAGEN DE FONDO: <BODY BACKGROUND= “nombre.png> El nombre de la imagen debe ponerse exactamente y con la extensión, por lo general los navegadores reconocen PNG y JPG NOTA: el archivo de la imagen debe estar en la misma carpeta del archivo HTML para que lo reconozca.