SlideShare une entreprise Scribd logo
1  sur  4
Télécharger pour lire hors ligne
FRAMES o MARCOS

Ofrece la posibilidad de marcos y varias páginas en una sola.

Etiqueta <frameset> </frameset>
Define la disposición gráfica de los marcos en la pantalla.
Atributos:

       Rows Determina el alto de las filas
       Cols Determina el ancho de las columnas.
       Framespacing Espacio entre frames

Ejemplo:
      <frameset cols=”20%,80%”>
      </frameset>

Etiqueta <frame></frame>
Define un solo marco que forma parte del conjunto de marcos definidos en
<frameset>.Sus atributos son:

       Marginheight Determina que tanto espacio vertical (en pixeles) existe entre el
       objeto ubicado en un marco, y los extremos superior o inferior de este.
       MarginWidth Determina que tanto espacio horizontal (en pixeles) existe entre
       el objeto ubicado en un marco, y los extremos izquierdo o derecho de éste.
       Name Ofrece la capacidad de Dar nombres a las ventanas FRAME, de modo que
       puedan ser utilizados como destino de los hipervínculos.
       Noresize indica que el usuario no puede redimensionar el marco
       Scrolling Habilita una barra de desplazamiento para un marco (Existen tres
       parámetros posibles SCROLLING=YES, SCROLLING=NO y SCROLLING=AUTO
       que habilita la barra solo si es necesario
       SRC indica que exhiba en un marco el contenido de un documento HTML.

Ejemplo:
      <frame src=”pagina1.html”>
      <frame src=”pagina0.html” name=”principal”>

Etiqueta <noframes></noframes>
Etiqueta que es usada para desplegar un texto o una página alternativa cuando un
navegador no es capaz de desplegar los marcos.


Ejemplo:

Para crear un marco o frames se debe crear primero las paginas de manera independiente,
posteriormente el marco:


HTML       Lic. Bhylenia Y. Rios Miranda                                         Página 1
Paso1: crear la primera pagina llamada web1.html




Paso 2: crear la primera pagina llamada web2.html




HTML      Lic. Bhylenia Y. Rios Miranda             Página 2
Paso 3: crear la primera pagina llamada web3.html




Paso 4: crear la pagina llamada frame.html donde se unirá a las demás paginas




HTML      Lic. Bhylenia Y. Rios Miranda                                         Página 3
HTML   Lic. Bhylenia Y. Rios Miranda   Página 4

Contenu connexe

Tendances (13)

Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon1
Cristianbayon1Cristianbayon1
Cristianbayon1
 
Qué son los frames
Qué son los framesQué son los frames
Qué son los frames
 
Frame
FrameFrame
Frame
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Frames
FramesFrames
Frames
 
Html
HtmlHtml
Html
 
Marcos HTML
Marcos HTMLMarcos HTML
Marcos HTML
 
Fases para elaborar un sitios web
Fases para elaborar un sitios webFases para elaborar un sitios web
Fases para elaborar un sitios web
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
san lorenzo
san lorenzosan lorenzo
san lorenzo
 

En vedette

Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02Emerson Garay
 
Formularios html
Formularios htmlFormularios html
Formularios htmlArtmio
 
Práctica de html
Práctica  de htmlPráctica  de html
Práctica de htmlbhylenia
 
Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01Emerson Garay
 
Ejemplos de HTML
Ejemplos de HTMLEjemplos de HTML
Ejemplos de HTMLeduardodf47
 
Curso Cms 1 Fundamentos
Curso Cms   1 FundamentosCurso Cms   1 Fundamentos
Curso Cms 1 FundamentosJose Ponce
 
19 Php. Utilizando Formularios
19 Php. Utilizando Formularios19 Php. Utilizando Formularios
19 Php. Utilizando FormulariosJosé M. Padilla
 
Guia N1 Proyectos Web Html
Guia N1   Proyectos Web   HtmlGuia N1   Proyectos Web   Html
Guia N1 Proyectos Web HtmlJose Ponce
 
Guia N3 Proyectos Web Php Css, Js
Guia N3   Proyectos Web   Php Css, JsGuia N3   Proyectos Web   Php Css, Js
Guia N3 Proyectos Web Php Css, JsJose Ponce
 
Guia N2 Proyectos Web Php
Guia N2   Proyectos Web   PhpGuia N2   Proyectos Web   Php
Guia N2 Proyectos Web PhpJose Ponce
 
Proyectos Web 2 Introduccion Html
Proyectos Web   2 Introduccion HtmlProyectos Web   2 Introduccion Html
Proyectos Web 2 Introduccion HtmlJose Ponce
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTMLrogeliotapia
 
Tabla de etiquetas de HTML
Tabla de etiquetas de HTMLTabla de etiquetas de HTML
Tabla de etiquetas de HTMLdasilva10
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFnicolasmolinach
 
Html archivo ((completo))
Html archivo ((completo))Html archivo ((completo))
Html archivo ((completo))BDBT
 

En vedette (20)

Prácticas en HTML
Prácticas en HTMLPrácticas en HTML
Prácticas en HTML
 
Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02Sitio web (html) ejemplos 02
Sitio web (html) ejemplos 02
 
Códigos
CódigosCódigos
Códigos
 
Formularios html
Formularios htmlFormularios html
Formularios html
 
Práctica de html
Práctica  de htmlPráctica  de html
Práctica de html
 
Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01
 
Algoritmos parte 1
Algoritmos parte 1Algoritmos parte 1
Algoritmos parte 1
 
Ejemplos de HTML
Ejemplos de HTMLEjemplos de HTML
Ejemplos de HTML
 
Sitio web html
Sitio web htmlSitio web html
Sitio web html
 
Curso Cms 1 Fundamentos
Curso Cms   1 FundamentosCurso Cms   1 Fundamentos
Curso Cms 1 Fundamentos
 
19 Php. Utilizando Formularios
19 Php. Utilizando Formularios19 Php. Utilizando Formularios
19 Php. Utilizando Formularios
 
Guia N1 Proyectos Web Html
Guia N1   Proyectos Web   HtmlGuia N1   Proyectos Web   Html
Guia N1 Proyectos Web Html
 
Guia N3 Proyectos Web Php Css, Js
Guia N3   Proyectos Web   Php Css, JsGuia N3   Proyectos Web   Php Css, Js
Guia N3 Proyectos Web Php Css, Js
 
Guia N2 Proyectos Web Php
Guia N2   Proyectos Web   PhpGuia N2   Proyectos Web   Php
Guia N2 Proyectos Web Php
 
Proyectos Web 2 Introduccion Html
Proyectos Web   2 Introduccion HtmlProyectos Web   2 Introduccion Html
Proyectos Web 2 Introduccion Html
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Tabla de etiquetas de HTML
Tabla de etiquetas de HTMLTabla de etiquetas de HTML
Tabla de etiquetas de HTML
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Html archivo ((completo))
Html archivo ((completo))Html archivo ((completo))
Html archivo ((completo))
 
Ejercicio html primer año
Ejercicio html primer añoEjercicio html primer año
Ejercicio html primer año
 

Similaire à Frames en html (20)

Frames en html
Frames  en htmlFrames  en html
Frames en html
 
Presentación1 de frames y marcos
Presentación1 de frames y marcosPresentación1 de frames y marcos
Presentación1 de frames y marcos
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en html
 
Frames
FramesFrames
Frames
 
Byb4
Byb4Byb4
Byb4
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Marcos
MarcosMarcos
Marcos
 
Capas en html
Capas en htmlCapas en html
Capas en html
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Frames o marcos en páginas html
Frames o marcos en páginas htmlFrames o marcos en páginas html
Frames o marcos en páginas html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
DISEÑO WEB 2020-2021 - 1ª PARTE
DISEÑO WEB 2020-2021 - 1ª PARTEDISEÑO WEB 2020-2021 - 1ª PARTE
DISEÑO WEB 2020-2021 - 1ª PARTE
 
Qué son los frames (1)
Qué son los frames (1)Qué son los frames (1)
Qué son los frames (1)
 
Frameset
FramesetFrameset
Frameset
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Natanael
NatanaelNatanael
Natanael
 
Frames
FramesFrames
Frames
 

Frames en html

  • 1. FRAMES o MARCOS Ofrece la posibilidad de marcos y varias páginas en una sola. Etiqueta <frameset> </frameset> Define la disposición gráfica de los marcos en la pantalla. Atributos: Rows Determina el alto de las filas Cols Determina el ancho de las columnas. Framespacing Espacio entre frames Ejemplo: <frameset cols=”20%,80%”> </frameset> Etiqueta <frame></frame> Define un solo marco que forma parte del conjunto de marcos definidos en <frameset>.Sus atributos son: Marginheight Determina que tanto espacio vertical (en pixeles) existe entre el objeto ubicado en un marco, y los extremos superior o inferior de este. MarginWidth Determina que tanto espacio horizontal (en pixeles) existe entre el objeto ubicado en un marco, y los extremos izquierdo o derecho de éste. Name Ofrece la capacidad de Dar nombres a las ventanas FRAME, de modo que puedan ser utilizados como destino de los hipervínculos. Noresize indica que el usuario no puede redimensionar el marco Scrolling Habilita una barra de desplazamiento para un marco (Existen tres parámetros posibles SCROLLING=YES, SCROLLING=NO y SCROLLING=AUTO que habilita la barra solo si es necesario SRC indica que exhiba en un marco el contenido de un documento HTML. Ejemplo: <frame src=”pagina1.html”> <frame src=”pagina0.html” name=”principal”> Etiqueta <noframes></noframes> Etiqueta que es usada para desplegar un texto o una página alternativa cuando un navegador no es capaz de desplegar los marcos. Ejemplo: Para crear un marco o frames se debe crear primero las paginas de manera independiente, posteriormente el marco: HTML Lic. Bhylenia Y. Rios Miranda Página 1
  • 2. Paso1: crear la primera pagina llamada web1.html Paso 2: crear la primera pagina llamada web2.html HTML Lic. Bhylenia Y. Rios Miranda Página 2
  • 3. Paso 3: crear la primera pagina llamada web3.html Paso 4: crear la pagina llamada frame.html donde se unirá a las demás paginas HTML Lic. Bhylenia Y. Rios Miranda Página 3
  • 4. HTML Lic. Bhylenia Y. Rios Miranda Página 4