SlideShare una empresa de Scribd logo
1 de 7
Etiquetas HTML
   P.I. De Informática
     Cristian Bayón
Frames
• El frame es un recuadro independiente
  dentro de una pagina Web en donde
  podemos cargar una pagina Web.
• La cual posee la habilidad de dividir una
  pagina Web en diferentes ventanas con
  sus propios bordes y barras de
  desplazamiento. Cargando en cada uno
  de ellas una pagina externa
  independientes.
• Las etiquetas <FRAMSET> </FRAMSET/> son
  las que indican al navegador donde empiezan
  y terminan los recuadros. COLS= " x,y,z,",
  para definir el nº de columnas verticales que va
  a tener la ventana, y donde las variables x,y,z
  van a definir el tamaño de cada marco vertical,
  pudiendo definirse en píxeles o en porcentaje.
• Por ejemplo:COLS="100,700"que nos dividiría
  la ventana en dos columnas, una de 100
  puntos y la otra de 700.
• ROWS=" x,y,z,", para definir el nº de filas o
  marcos horizontales que va a tener la ventana,
  y donde las variables x,y,z van a definir el
  tamaño de cada marco horizontal, pudiendo
  definirse en píxeles o en porcentaje.
•
  * BORDERCOLOR= " color ", donde color
  puede venir especificado mediante su nombre
  web en inglés o mediante su código
  hexadecimal. Nos permite establecer el color
  de los bordes de los marcos.
• SRC=" ruta pagina html", que especifica qué pagina
  se va a cargar en el frame. La ruta de la pagina debe
  especificar su localización en el sistema de archivos
  local del servidor Web o una URL completa.
• Ejemplos.-
  <frame src="principal.html">
  <frame src="http://www.yahoo.es">
• * NAME=" nombre ", que especifica qué pagina se va
  a cargar en el frame. La ruta de la pagina debe
  especificar su localización en el sistema de archivos
  local del servidor web o una URL completa.
EJEMPLO
• <html>
    <head>
    <title>Mi pagina</title>
    </head>
    <frameset rows="40%,*"
  bordercolor="red">
     <frame src="a.html"
  marginwidth="50" marginheight="30"
  frameborder="0" >
     <frame src="b.html"
  marginwidth="10" marginheight="0"
  frameborder="0">
    </frameset>
  </html>
El subíndice y el superíndice
• El subíndice es una letra numero o signo que se
  coloca en la parte de debajo de un signo
  matemático o químico.
• Creando una etiqueta con la palabra
• <SUB> que encierre al numero subíndice.
  H<SUB>2</SUB>O
• El superíndice es una letra, numero o signo que
  se coloca en la parte superior de una palabra o
  numero indicando elevación.
• Km<SUP>3</SUP>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en html
 
Frames en html
Frames  en htmlFrames  en html
Frames en html
 
Presentación2
Presentación2Presentación2
Presentación2
 
Marcos HTML
Marcos HTMLMarcos HTML
Marcos HTML
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
 
¿Rails no escala?
¿Rails no escala?¿Rails no escala?
¿Rails no escala?
 
Producto 4 etiquetas de texto editado
Producto 4 etiquetas de texto editadoProducto 4 etiquetas de texto editado
Producto 4 etiquetas de texto editado
 
Producto 4 ryan y rodrigo
Producto 4 ryan y rodrigoProducto 4 ryan y rodrigo
Producto 4 ryan y rodrigo
 
Semana 3 Maquetación CSS
Semana 3   Maquetación CSSSemana 3   Maquetación CSS
Semana 3 Maquetación CSS
 
Trabajop final
Trabajop finalTrabajop final
Trabajop final
 
Enlace html
Enlace htmlEnlace html
Enlace html
 

Similar a Cristianbayon1

Similar a Cristianbayon1 (20)

Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Marcos
MarcosMarcos
Marcos
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Presentación1
Presentación1Presentación1
Presentación1
 
Capas en html
Capas en htmlCapas en html
Capas en html
 
Los secretos detrás de cómo hacer la web
Los secretos detrás de cómo hacer la webLos secretos detrás de cómo hacer la web
Los secretos detrás de cómo hacer la web
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Presentación1 de frames y marcos
Presentación1 de frames y marcosPresentación1 de frames y marcos
Presentación1 de frames y marcos
 
Natanael
NatanaelNatanael
Natanael
 
Etquetas pabo
Etquetas paboEtquetas pabo
Etquetas pabo
 
Qué son los frames
Qué son los framesQué son los frames
Qué son los frames
 
Marcos
MarcosMarcos
Marcos
 
Vinculos tablas y frames
Vinculos tablas y framesVinculos tablas y frames
Vinculos tablas y frames
 
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
 
Poca luz frames
Poca luz framesPoca luz frames
Poca luz frames
 
Css posicionamiento de pag web presentacion de la semana
Css posicionamiento de pag web      presentacion de la semanaCss posicionamiento de pag web      presentacion de la semana
Css posicionamiento de pag web presentacion de la semana
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 

Último

trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 

Último (19)

trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 

Cristianbayon1

  • 1. Etiquetas HTML P.I. De Informática Cristian Bayón
  • 2. Frames • El frame es un recuadro independiente dentro de una pagina Web en donde podemos cargar una pagina Web. • La cual posee la habilidad de dividir una pagina Web en diferentes ventanas con sus propios bordes y barras de desplazamiento. Cargando en cada uno de ellas una pagina externa independientes.
  • 3. • Las etiquetas <FRAMSET> </FRAMSET/> son las que indican al navegador donde empiezan y terminan los recuadros. COLS= " x,y,z,", para definir el nº de columnas verticales que va a tener la ventana, y donde las variables x,y,z van a definir el tamaño de cada marco vertical, pudiendo definirse en píxeles o en porcentaje. • Por ejemplo:COLS="100,700"que nos dividiría la ventana en dos columnas, una de 100 puntos y la otra de 700.
  • 4. • ROWS=" x,y,z,", para definir el nº de filas o marcos horizontales que va a tener la ventana, y donde las variables x,y,z van a definir el tamaño de cada marco horizontal, pudiendo definirse en píxeles o en porcentaje. • * BORDERCOLOR= " color ", donde color puede venir especificado mediante su nombre web en inglés o mediante su código hexadecimal. Nos permite establecer el color de los bordes de los marcos.
  • 5. • SRC=" ruta pagina html", que especifica qué pagina se va a cargar en el frame. La ruta de la pagina debe especificar su localización en el sistema de archivos local del servidor Web o una URL completa. • Ejemplos.- <frame src="principal.html"> <frame src="http://www.yahoo.es"> • * NAME=" nombre ", que especifica qué pagina se va a cargar en el frame. La ruta de la pagina debe especificar su localización en el sistema de archivos local del servidor web o una URL completa.
  • 6. EJEMPLO • <html> <head> <title>Mi pagina</title> </head> <frameset rows="40%,*" bordercolor="red"> <frame src="a.html" marginwidth="50" marginheight="30" frameborder="0" > <frame src="b.html" marginwidth="10" marginheight="0" frameborder="0"> </frameset> </html>
  • 7. El subíndice y el superíndice • El subíndice es una letra numero o signo que se coloca en la parte de debajo de un signo matemático o químico. • Creando una etiqueta con la palabra • <SUB> que encierre al numero subíndice. H<SUB>2</SUB>O • El superíndice es una letra, numero o signo que se coloca en la parte superior de una palabra o numero indicando elevación. • Km<SUP>3</SUP>