SlideShare a Scribd company logo
1 of 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.

More Related Content

Similar to 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
 

More from MUNICIPIO DE ITAGUI

More from 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
 

Recently uploaded

Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
zulyvero07
 

Recently uploaded (20)

GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
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...
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.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
 
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
 
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...
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
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...
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
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
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..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.