SlideShare una empresa de Scribd logo
Sesión Nº 08: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”   HTML Avanzado, Frames
I. Practica Calificada 01
II. HTML Avanzado Historia: 1990 - Tim Berners Lee. Estándares y extensiones del lenguaje HTML. El estándar HTML 2.0: W3C. El estándar HTML 3.2 Nuevos elementos para introducir en la cabecera como <SCRIPT>, <STYLE> , <META>, <BASE > y <LINK> Nuevos atributos para la etiqueta BODY para poner color o imágenes de fondo y para cambiar el color del texto y links. La posibilidad de cambiar el tamaño y color del texto con la etiqueta <FONT>. la posibilidad de usar tablas. HTML 4.0 y XHTML <?xml version=&quot;1.0&quot;?>
III. XHTML <?xml version=&quot;1.0&quot;?> Todas las etiquetas deben tener instrucción de inicio e instrucción de fin. Las etiquetas de una única instrucción deben terminar con />. <img src=&quot;img.gif&quot;/> Todos los valores de los atributos deben ir entrecomillados.
IV. El futuro de HTML Incorporación de nuevas tecnologías. Lenguajes de Script. Mayor interactividad con el visitante. Uso de las hojas de estilo. Html Dinámico.
V. Extensiones a las listas Listas no ordenadas: Atributo “TYPE” TYPE=&quot;Circle“ TYPE=&quot;Square“ TYPE=&quot;Disk“
V. Extensiones a las listas (ii) Listas Ordenadas
Ejercicio: Lista Ordenada
VI. La etiqueta META Carga automática de páginas Información para los buscadores
VII. Descriptor HTML
VIII. El atributo TARGET
IX.  La etiqueta BASE
X. Frames Sirven para dividir la pantalla en varios marcos con una página diferente en cada una.
X. Creación de páginas con frames (ii)
X. Creación del documento de definición de frames (iii) Etiqueta:  FRAMESET .
XI. División en columnas (frame) <FRAMESET COLS=&quot;ancho_col1, ancho_col2, ...&quot;>
XII. La etiqueta FRAME <FRAME SRC=&quot;docum.htm&quot;   NAME=&quot;primer_frame&quot;>
XIII. Página completa con frames
Ejemplo
XIV.  Atributos de la etiqueta FRAME
XIV.  Atributos de la etiqueta FRAME (i)
Ejemplo
XV.  Bordes de los frames Cambiando el color del borde <FRAME BORDERCOLOR=&quot;#FF0000&quot;> Como quitar el borde <FRAME FRAMEBORDER=&quot;0&quot;>  (0 ó 1)  Grosor del borde <FRAMEBORDER BORDER=“10&quot;> ... </FRAMEBORDER>
PREGUNTAS?

Más contenido relacionado

PPTX
Cap.4
PPT
DOC
Colegio nacional nicolás esguerra
PPTX
C:\Tics\Concepto De Css
PPTX
PPT
Hojas de estilo_css
PPT
Hojas de estilo css
DOCX
Practica 1
Cap.4
Colegio nacional nicolás esguerra
C:\Tics\Concepto De Css
Hojas de estilo_css
Hojas de estilo css
Practica 1

La actualidad más candente (14)

PPT
Hojas de estilo css
PDF
HTML ¿qué es y para que sirve?
PDF
TUTORIAL CSS
PPT
Html
PPTX
Html y css
PDF
05 Introduccion a HTML
PPT
Introducción al HTML
PPT
Apuntes de HTML 1
PPTX
DOCX
Colegio nacional nicolas esguerra
PPT
Html, Css y JavaScript
PDF
Fap.or.s06.06.g10.2014
PPTX
PPT
4 Html
Hojas de estilo css
HTML ¿qué es y para que sirve?
TUTORIAL CSS
Html
Html y css
05 Introduccion a HTML
Introducción al HTML
Apuntes de HTML 1
Colegio nacional nicolas esguerra
Html, Css y JavaScript
Fap.or.s06.06.g10.2014
4 Html
Publicidad

Similar a Sesion Nº8 Html Avanzado Frames En El Www (20)

DOCX
Etiquetas html
PPT
Clase 04 Html
PPT
Diseño de páginas web
PPTX
Apuntes de HTML 2
DOCX
HTML
PPTX
HTML: Una introducción.
PPT
Diseño de páginas web
PDF
Etiqueta de html
PPT
PDF
Lenguajes de marcado
PPT
Html
 
PDF
Analitico entornos graficos
PPSX
Html-CSS
PDF
J creacion paginas-web-html-6844-completo
PPT
Presentación de html, css y javascript.
PPT
HTML.ppt
PPT
Html1
Etiquetas html
Clase 04 Html
Diseño de páginas web
Apuntes de HTML 2
HTML
HTML: Una introducción.
Diseño de páginas web
Etiqueta de html
Lenguajes de marcado
Html
 
Analitico entornos graficos
Html-CSS
J creacion paginas-web-html-6844-completo
Presentación de html, css y javascript.
HTML.ppt
Html1
Publicidad

Más de Edgar A. Cruz Huaman (17)

PPTX
Amistad, Enamoramiento, Noviazgo, Sexual
PPT
Sesion Nº 09 Trabajando Con Mysql En Modo Consola.
PPT
Sesion Nº9 Marquesinas, Audio Y Video En La Web.
PPT
Sesion Nº 08 - Libreria Online En Php & Introduccion A Mysql
PPT
Topicos Avanzados - Sesion Nº 07 : Php Avanzado, Expresiones Regulares, Cook...
PPT
Sesion Nº7 Creacion De Tablas En Html Ing. Edgar Cruz
PPT
Sesion Nº6 Listas Comentarios Diseño Imagenes y Color en el WWW
PPT
Sesion Nº 06 Tópicos Php, Arrays, Funciones, Permisos Sobre Php
PPT
Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW
PPT
Sesion Nº 05 Métodos De Envio De Datos, Envio De Emails Y Formularios
PPT
Sesion Nº5 Formato De Texto Y Caracteres Especiales
PPT
Sesion Nº 04 Introducción A Php Operadores E Instrucciones
PPT
Sesion Nº4 La Primera Pagina Web
PPT
Sesion Nº3 Introduccion Al Html
PPT
Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web
PPT
Sesion Nº 03 Tecnologias Web I Instalación Y Configuración Del Servidor A...
PPT
Sesion Nº 02 Fundamentos Del Software Libre Instalacion Y Configuración D...
Amistad, Enamoramiento, Noviazgo, Sexual
Sesion Nº 09 Trabajando Con Mysql En Modo Consola.
Sesion Nº9 Marquesinas, Audio Y Video En La Web.
Sesion Nº 08 - Libreria Online En Php & Introduccion A Mysql
Topicos Avanzados - Sesion Nº 07 : Php Avanzado, Expresiones Regulares, Cook...
Sesion Nº7 Creacion De Tablas En Html Ing. Edgar Cruz
Sesion Nº6 Listas Comentarios Diseño Imagenes y Color en el WWW
Sesion Nº 06 Tópicos Php, Arrays, Funciones, Permisos Sobre Php
Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW
Sesion Nº 05 Métodos De Envio De Datos, Envio De Emails Y Formularios
Sesion Nº5 Formato De Texto Y Caracteres Especiales
Sesion Nº 04 Introducción A Php Operadores E Instrucciones
Sesion Nº4 La Primera Pagina Web
Sesion Nº3 Introduccion Al Html
Sesion Nº2 Tecnologias Y Herramientas De Desarrollo Web
Sesion Nº 03 Tecnologias Web I Instalación Y Configuración Del Servidor A...
Sesion Nº 02 Fundamentos Del Software Libre Instalacion Y Configuración D...

Último (20)

DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
2.0 Introduccion a processing, y como obtenerlo
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PPTX
Presentación de la Cetoacidosis diabetica.pptx
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
Atencion prenatal. Ginecologia y obsetricia
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
DOCX
PLANES DE área ciencias naturales y aplicadas
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
DOCX
PLAN DE CASTELLANO 2021 actualizado a la normativa
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
2.0 Introduccion a processing, y como obtenerlo
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
Presentación de la Cetoacidosis diabetica.pptx
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Punto Critico - Brian Tracy Ccesa007.pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Atencion prenatal. Ginecologia y obsetricia
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
ciencias-1.pdf libro cuarto basico niños
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PLANES DE área ciencias naturales y aplicadas
Fundamentos_Educacion_a_Distancia_ABC.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PLAN DE CASTELLANO 2021 actualizado a la normativa
Híper Mega Repaso Histológico Bloque 3.pdf

Sesion Nº8 Html Avanzado Frames En El Www

  • 1. Sesión Nº 08: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” HTML Avanzado, Frames
  • 3. II. HTML Avanzado Historia: 1990 - Tim Berners Lee. Estándares y extensiones del lenguaje HTML. El estándar HTML 2.0: W3C. El estándar HTML 3.2 Nuevos elementos para introducir en la cabecera como <SCRIPT>, <STYLE> , <META>, <BASE > y <LINK> Nuevos atributos para la etiqueta BODY para poner color o imágenes de fondo y para cambiar el color del texto y links. La posibilidad de cambiar el tamaño y color del texto con la etiqueta <FONT>. la posibilidad de usar tablas. HTML 4.0 y XHTML <?xml version=&quot;1.0&quot;?>
  • 4. III. XHTML <?xml version=&quot;1.0&quot;?> Todas las etiquetas deben tener instrucción de inicio e instrucción de fin. Las etiquetas de una única instrucción deben terminar con />. <img src=&quot;img.gif&quot;/> Todos los valores de los atributos deben ir entrecomillados.
  • 5. IV. El futuro de HTML Incorporación de nuevas tecnologías. Lenguajes de Script. Mayor interactividad con el visitante. Uso de las hojas de estilo. Html Dinámico.
  • 6. V. Extensiones a las listas Listas no ordenadas: Atributo “TYPE” TYPE=&quot;Circle“ TYPE=&quot;Square“ TYPE=&quot;Disk“
  • 7. V. Extensiones a las listas (ii) Listas Ordenadas
  • 9. VI. La etiqueta META Carga automática de páginas Información para los buscadores
  • 12. IX. La etiqueta BASE
  • 13. X. Frames Sirven para dividir la pantalla en varios marcos con una página diferente en cada una.
  • 14. X. Creación de páginas con frames (ii)
  • 15. X. Creación del documento de definición de frames (iii) Etiqueta: FRAMESET .
  • 16. XI. División en columnas (frame) <FRAMESET COLS=&quot;ancho_col1, ancho_col2, ...&quot;>
  • 17. XII. La etiqueta FRAME <FRAME SRC=&quot;docum.htm&quot; NAME=&quot;primer_frame&quot;>
  • 20. XIV. Atributos de la etiqueta FRAME
  • 21. XIV. Atributos de la etiqueta FRAME (i)
  • 23. XV. Bordes de los frames Cambiando el color del borde <FRAME BORDERCOLOR=&quot;#FF0000&quot;> Como quitar el borde <FRAME FRAMEBORDER=&quot;0&quot;> (0 ó 1) Grosor del borde <FRAMEBORDER BORDER=“10&quot;> ... </FRAMEBORDER>