Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Frames

    Загружено:

    Anthony Sosa Palomino
    9 просмотров6 страниц

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    9 просмотров6 страниц

    Frames

    Загружено:

    Anthony Sosa Palomino

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 6

    HTML

    pgina 28 de 39

    Parmetro ALIGN VALIGN W IDTH

    NOWRAP CO LSPA N

    ROWSPAN

    Utilidad Alinea el contenido de la celda horizontalmente a izquierda ( LEF T ), derecha ( RIGHT )o centro( CENTER ) Alinea el contenido de la celda verticalmente arriba ( TOP ),abajo ( BOTTOM )o centro( MIDDLE ) Especifica la anchura de la celda pxeles como enporcentaje, teniendo en cuenta que, en este ltimo caso,ser un porcentaje respectoalanchototalde la tabla (no de la ventana del navegador) Impideq ue, en el interior de la celda, se rompa la lnea en un espacio Especifica elnmero de celdasdela fila situadas aladerecha de la actual que se unen a sta (incluyendo la celda en que se declara este parmetro) igual a cero, se unirn todas las celdas que queden a la derecha Especifica el nmerodeceldas de la columna situadasdebajo de la actual que se unen a sta

    Posiblementelosdosltimosparmetrosnopuedanquedarclarossinejemplos e he cho, an entendiendo perfectamente su funcin es habitual que D confundamosaunoconotro celdaqueseuneaunadeladerechayotraqueseuneaotradedebajo:


    Cdigo <TABLE BORDER=1> <TR> <TD COLSPAN=2>1, y1,2</TD> <TD>1, </TR> <TR> <TD ROWSPAN=2>2,1 y <TD>2,</TD> <TD>2, </TR> <TR> <TD> <TD> </TR> </T ABL E> Resultado

    omopodemosver,cuandodeclaramosunceldacon C R OWSPAN o OLSPAN C no deberemos declarar lasceldas "absorbidas" o la creacin de la tabla se nos complicardehorriblemanera

    Ttulo de la tabla Porltimo, vamosa vercomo definirun ttuloa la tabla de la etiqueta PTION AC Para ver cmo funciona, vamos a incluirlo en la declaracindelatablaanterior:

    (XLCG)

    HTML

    pgina 29 de 39

    Cdigo <TABLE BORDER=1> <CAPTION> Ejemplo de tablas </CAPTION> </T ABL E>

    Resultado Ejemplo de tablas

    sta etiqueta admite slo un parmetro: E LIGN , que es por defecto TOP A definimos como OTTOM B el ttulo se colocar al final de la tabla en lugar del comienzo Marcos frame) es una ventana independient e dentro de la ventana general Unmarcoo ( del navegador desplazamiento independientes Para crearlos necesitaremos un documento HTML especfico, que l documentodedefinicindemarcos decadamarcoyeldocumentoHTMLquecontendr estetipodedocumento: <HTML> <HEAD> <TITLE>Miprimerapginaconmarcos<TITLE> / </H> DAE <RMSTOLS=""> F AE EC % 0 ,8 2 <RMNAM"indice"SRC="indice F A E E= <RMNAM"principal"SRC"introduccion F A E =E = <NOFRMS> AE <P>Losiento,peroslopodrsverestapgina situnavegadortienelacapacidaddevisualizar marcos <NOFRMS> / AE <RMSET> F/ A E <HTML> / lamaremos ejemplo de

    Vamos a explicar detalladamente este ejemplo antes de investigar algo ms a fondocadaunadelasetiquetas aundocumentonormal,peroelhabitual BOY D essustituidoporun RAMST F E E n cada RAMST E F E E sedividelaventanaactualsealageneralounmarco)en ( varias ventanas definidas o por el parmetro OLS o por ROWS C separadoporcomas,sedefineelnmerodemarcosyeltamaodecadauno entrodel <RMST> D F AE E sehacendos cosas marcosponindolesunnombreyespecificandoquficheroHTMLlecorresponde
    (XLCG)

    HTML

    pgina 30 de 39

    mediantelaetiqueta <RAM> F E en el supuesto cada vez ms raro) de que su navegador no so ( dentro de la etiqueta <NOFRMS> AE mayordetalle

    porte frames

    Etiqueta <FRAMESET> Segn el estndar, esta etiqueta slo debera contener el nmero y tamao de cada marco, pero las extensiones de Netscape y xplore E ralestndarobligana estudiarunpardeparmetrosms ngeneral,losnavegadoresdibujanunbordedeseparacinentrelosmarcos E deseas eliminarlo puedes hacerlo de dos maneras: en las etiquetas <RM> F AE de cada una de los marcos contiguos al bor de a eliminar o incluyendo el parmetroRMORDRenel<RMST> F A BE E 0= F AE E uando eliminas ese borde, podrs ver cmo el navegador deja an un hueco C entre marcos BORDER=0 Vamos a examinar por ltimo l os parmetros OLS y ROWS C asignarlesunalistadetamaosseparadaporcomas formatosdetamao: 1 2 onporcentajes:ligualqueconlastablas,podemosdefinireltamaode C A unmarcocomounporcentajedelespaciototal disponible bsolutos: Si ponemos un nmero a secas, el marco correspondiente A tendreltamaoespecificadoenpxeles Sobre el espacio sobrante: Si colocamos un asterisco ( indicando que queremos todo el espacio sobrante para ese marco Po demos poner este smbolo en varios marcos, que se repartirn el espacio equitativamente como buenos hermanos tenga ms deberemos ponerle al asterisco un nmero delante marco con un espacio de compaero,quetieneunasteriscoslo,elpobre

    su

    Porejemplo,elsiguientecdigoesunamuestradecmocombinarlostres mtodos: <RMESTOLS=",%10 F A EC Supongamos que el ancho total de la ventana son ocupar el,%0esdecir, 1 74 segundo, tenemosaproximadamente851pxelespara esteltimo y cuartomarco

    (XLCG)

    HTML

    pgina 31 de 39

    Hay que tener cu idado cuando usamos valores absolutos en la definicin de marcos; debemos asegurarnos de tener al menos un marco con un tamao relativosiqueremosestarsegurosdelaspectofinaldelapgina Por ltimo, indicar que las etiquetas <RAMEST> se pueden an F E haceponiendootro<RMST>dondenormalmentecolocamoslasetiquetas F AE E <RM>talqueas: F AE <RMSTOLS=""> F AE EC % 0 ,8 2 <RMNAM"indice"SRC="indice F A E E= <RMSTROWS=" F AE E <RMNAM"principal"SRC"introduccion F A E =E = <RMNA F AE ME="ejemplos"SRC"ejemplo = <RMSET> F/ A E <RMSET> F/ A E idar

    Etiqueta <FRAME> staetiquetadefine tanslo lascaractersticasdeun marco determinado,no de E unconjuntodeellos


    Parmetro NAME SRC SCROLLING Utilidad Asignaun nombre aun marco para quedespus podamos referirnosa l Indica la direccin del documento HTML que ocupar el marco Decide sise colocan ono barrasde desplazamientoalmarcoparaque podamosmovernosporsucontenido r defecto UTO ,que A deja al navegadorladecisin YE S y NO Si lo especificamos el usuario no podr cambiar de tamao elmarco Aligualquesuhomnimo en laetiqueta <FRAMESET> , si lo igualamos a cero se eliminarelbordecon todoslosmarcoscontiguosquetengan tambin este valor a cero Permite cambiar los mrgenes horizontales dentro de un marco representa en pxeles Igualalanterior peroconmrgenesvertical es

    NORESIZE FRAMEBORDER

    MARGINWIDTH MARGINHEIGHT

    Acceso a otros marcos Por defecto, cuando pulsamos sobre un enlace situado dentro de un marco, la nueva pgina a la que queremos acceder la veremos encerrada en ese mismo marco marco que no sirve de ndice y otro donde mostramos los contenidos sera deseablequelosenlacesdelmarcondiceseabrieranenelotromarco posiblehacerlograciasalparmetro TARGET steparmetrosepuedecolocarentresetiquetas: E <A> , <AREA> y < B AS E> las dos primerassirve para indicar el marco en el que abriremos ese enlace en

    (XLCG)

    HTML

    pgina 32 de 39

    particular y el ltimo modificaremos el marco en el que por defecto se nos muestrantodoslosenlaces Pero para que un parmetro funcione, es habitual que le asignemos un valor, y TARGET no es una excepcin asignaremoselnombredelmismo llamado indice tenemos un enlace que queremos se abra en el marco principal pondr emos: HRE"pagina <A =F

    Tambinexistencuatronombresreservadosquepodremosutilizarenel parmetroTARGET: _top liminatodoslosmarcosexistenteymuestralanuevapginaenla E ventanaoriginalsinmarcos _blank Mues tralanuevapginaenunaventananuevaysinnombredel navegador _self Muestralanuevapginaenelmarcodondeestdeclaradoelenlace _parent Muestralanuevapginaenel <RMST> F AE E quecontienealmarco dondesedeclaraelenlace ploquepusimosde <RMST> F AE E anidados,unaenlacesituadoenelmarco ejemplo cuyoparmetro TARGET fueseiguala _parent eliminaralaseparacinentrelosmarcos ejemplo y principal ymostraraenesenuevomarcolanuevapgina

    Hojas de estilo Las hojas de estilo intentan separar el contenido de un pgina de la forma de presentarlo en pantalla etiquetas de format oHTMLrealizanennuestrotexto usando <P> tendremos una prrafo nuevo con una separacin del anterior determinada,etc quetodosu textosea verde yque ademsva a tenerunmargenizquierdode pxeles l primer navegador en soportar hojas de estilo fue el xplorer E E llamada sintaxis en cascada una nueva basada en JavaScript como el estndar ms comnmenteaceptadodesintaxisdehojasdeestiloeseldecascada,sereste elnicoqueveamos

    (XLCG)

    HTML

    pgina 33 de 39

    <STYLETYPE"text/css"> = P{color:green;margin - left: <STYLE> /

    Vamos a detenernos en todos l os elementos conlaquedeberemosenglobarlashojasdeestiloser estarsituada en lacabecera de la pgina que utilizaremos para definirlas text/css

    <STYLE>

    queslopodr ,

    hojasencascadadeberser

    hora examinemos la hoja de estilo propiamente dicha A etiqueta que deseamos personalizar <P> pondremosuna lista de las cosasque queremosmodificar dos,elcolorenelformatohabitual)yelmargen,quesedefineenpxeles ( Hayque destacarque, aunque muchasveceslosnavegadorestenganunacierta mangaancha,lasintaxisSSascadingStyleSheet)essensiblealadiferencia C C( entremayscul asyminsculas l HTML 4 E este modo al extremos su filosofa de separar forma y contenido nuestras hojas de estilo en un fichero llamado estiloscss solo las hojas, no la ( etiqueta<STYLE>notendremosmsqueincluirlasiguientelneaenlacabecera ) denuestrodocumentoHTMLparaincluirlasennuestraspginas: <LINKREL"stylesheet"HRE"estilos = =F

    oson

    Clases Hasta ahora ha bamos definido estilos para una etiqueta determinada tambin podemos hacerlo para una clase determinada Pues que si, por ejemplo, definimos la hoja de estilo de la clase verde de la siguientemanera: P ginleft: slo estarn verdes y con un margen izquierdo de definidoscon <PLSS="verde"> CA mpliando un poco ms las posibilidades de las clases, se pueden realizar A excepciones unosprrafosquequeremosquetengan unos mrgenes determinados y color verde prrafos, con los mismo mrgenes, sea azul distintas,perohayunmtodomejor:usarelparmetro ID all - left:px;} 01 ej1{color:blue;} #

    (XLCG)

    Вам также может понравиться