Scribd Logo
Importer

Bienvenue sur Scribd !

  • Guía Rápida de Comandos HTML

    Transféré par

    finseln
    51 vues9 pages

    Titre original

    GUÍA RÁPIDA DE COMANDOS HTML

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    DOC, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme DOC, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    51 vues9 pages

    Guía Rápida de Comandos HTML

    Transféré par

    finseln

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme DOC, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 9

    GUA RPIDA DE COMANDOS HTML

    DESCRIPCION Principio de Documento Enc !e" do T#tu$o Cuerpo INICIO Obligatorias <html> <head> <title> <bod"> Para toda la pgina
    'ermite colocar un color uniforme de fondo a toda la p!ina. Este color estar formado por ( n)meros hexadecimales que indiquen* RR $ tonalidad de color ro+o && $ tonalidad del color erde AA $ tonalidad del color azul nom!reim 'en('i) deber reemplazarse por el nombre de la ima!en. -e recomienda utilizar formatos .!if o .+p! 'ermite definir los colores que se aplicarn en forma !en0rica para el texto como para los enlaces. El color est representado por un n)mero hexadecimal

    FINAL

    COMENTARIOS
    Toda la codificacin debe estar incluida en estas etiquetas Dentro del encabezado se encontrar el ttulo. Es el texto que aparece en la barra de ttulos del na e!ador #uerpo de la p!ina

    </html> </head> </title> </bod">

    <bod" b!color$%%RR&&AA%> Co$or de Fondo &er escala de #olores

    Im 'en de Fondo <bod" bac,!round$%nom!reim 'en('i)%>

    <bod" text$%%RR&&AA% Co$ore* de te+to .in, $%%RR&&AA% co$or de en$ ce* &lin, $%%RR&&AA% en$ ce* ,i*it do* /lin, $%%RR&&AA% en$ ce* cti,o*

    &er escala de #olores

    E*ti$o*

    <st"le>

    </st"le>

    'ermite definir un estilo de fuente1 color1 tama2o1 etc para todo el documento.

    Met

    <meta name$%description% content$%comentarios% name$%,e"3ords% content$%palabra4 palabra5 ... palabran%>

    </meta>

    'ermite definir propiedades internas del documento. N me - .de*cription. content - /-er el resumen con que se publicar en el buscador. 6o utilizar ms de 57 palabras% N me - .0e12ord*. content - %podrn definirse palabras cla es para que nuestro documento sea encontrado por los buscadores% E+ecuta un archi o de sonido. ++(2 , se debe reemplazar por el nombre del archi o9 $oop n indica la cantidad de eces que se repetir. .a etiqueta Embed con sus propiedades1 se utiliza por las incompatibilidades de los na e!adores. #on esta opcin aparece una consola cu"as di: mensiones se definen con 3idt4 o Hei'4t " que puede ocultarse con Hidden - .true.

    Sonido

    <b!sound src$%xx.3a % loop$infinite/n> <embed src$%xx.3a % 3idth$588 hei!ht$77 autostart$%true% loop$%true% hidden$%true%>

    Presentacin de texto Enc !e" miento* <h4><h5>....<h;> Ne'rit Cur*i, Su!r 1 do P rp deo Gr nde Pe5ue6 Su!#ndice Super#ndice <b> <i> <u> <blin,> <bi!> <small> <sub> <sup> </h4></h5>....</h;> texto para encabezados1 </b> </i> </u> </blin,> </bi!> </small> </sub> </sup>
    <pciones de formato de #oloca el texto incluido con 0stos formatos. El texto parpadeante estar

    /!randa el texto Disminu"e el texto =epresenta el texto sobre el ren!ln o ba+o el ren!ln. 'ermite colocar un color a la fuente. El color est representado por un n)mero hexadecimal. Define un tama2o de fuente especfico. n repre:senta un n)mero del 8 al ? al que lue!o

    Co$or de$ Te+to <font color$%>==&&//%> T m 6o de$ Te+to <font size$%n%>

    </font> </font>

    podrn a!re!arle si!nos @ o :

    los

    Tipo de )uente <font face$%nombre de fuente%> E*ti$o de )uente <tt> Te+to <pre> pre)orm te do

    </font> </tt> </pre>

    'ermite definir un nombre de Auente especfico. Aormato de fuente #ourier de tama2o menor BT"pe3riterC Aormato de fuente tipo #ourier. -e representan los espacios en blanco 'ermite que un texto ten!a mo imiento. 'ueden a!re!arse atributos para dimensionar la marquesina1 para alinear el texto1 para modificar tama2o1 fuente " color. Traza un lnea horizontal cu"o !rosor est representado por DnE =epresenta un espacio en blanco. #omentarios que no sern isibles en la pantalla.

    Te+to en Mo,imiento

    <marquee>BtextoC

    </marquee>

    L#ne Hori"ont $ <hr$%n%> E*p cio en 7$ nco Coment rio Fnbsp <G: comentario>

    6o utiliza etiqueta de cierre 6o utiliza etiqueta de cierre

    :>

    E*cri!o P r ,er 8$t9 8't9 8 mp9 85uot9 8 cute9 8e cute9 8i cute 8o cute9 C r ctere* e*peci $e* 8u cute9 8A cute9 8E cute9 8I cute9 8O cute9 8U cute9 8nti$de9 8Nti$de9 8uum$9 8Uum$9 8%:;:9 8%:<:9 < > F % 0 ) H I J K L 2 M N O P Q

    'ermiten que los caracteres especiales sean ledos por todos los na e!adores en sus distintas ersiones. .a escritura de cada carcter comienza con el si!no ampersand BFC " debe terminar con punto " coma B9C En esta tabla emos como escribir al!unos smbolos1 si!nos1 las letras M " 21 " las ocales acentuadas en ma")scula " min)scula.

    Presentacin de prrafos A$ine cione* S n'r# P rr )o Ren'$one* en !$ nco <center> <left> <ri!ht> <bloc,quote> <p ali!n$ centerRleftRri!htR+ustif"> <br> Tratamiento de imgenes
    'ermite insertar una ima!en en la p!ina que estamos dise2ando. El archi o de la ima!en deber estar ubicado en la misma carpeta que la p!ina1 caso contrario se deber indicar su ruta de acceso

    </center> </left> </ri!ht> </bloc,quote> </p>

    Todo texto que se escriba entre estas etiquetas sufrir esa alineacin . -e utiliza para destacar una cita. =ealiza la separacin entre prrafos1 " la alineacin de estos. 'ermite de+ar ren!lones en blanco

    Im 'en Indi,idu $

    <im! src$%nombreima!en.!if%>

    Te+to de $ im 'en

    <im! src$%nombreima!en.!if% alt$%texto%>

    #oloca un texto que po: dr leerse al pasar el puntero del ratn sobre la ima!en o cuando 0sta no se car!a. Sndicar la posicin en que ubicaremos al texto que acompa2a a la ima!en Top /rriba R Midd$e Tedio R 7ottom /ba+o Define el tama2o de la ima!en 3idt4 $ ancho R 4ei'4t $ altura n $ ser un alor en pixeles 'ermite a!re!ar archi os de ideo.

    A$ine ci=n de$ <im! src$%nombreima!en.!if% te+to ali!n$ top R middle R bottom>

    Anc4o A$to

    <im! src$%nombreima!en.!if% 3idth$%n% hei!ht$%n%> <im! d"nsrc$%archi i.a i% loop$infinite controls start$ mouseo er> Listas <ol t"pe$ / R a R S R i start$n> <lh> ttulo de la lista </lh> <li> 'rimera opcin <li> -e!unda opcin <li> Tercera opcin <ul t"pe$square R circle R dis,> <lh> ttulo de la lista </lh> <li> 'rimera opcin <li> -e!unda opcin <li> Tercera opcin <dl> <lh> ttulo de la lista </lh> <dt> 'rimer tema <dd> 'rimer detalle <dd> -e!undo detalle <dt> -e!undo tema <dd> Tercer detalle <dd> #uarto detalle Enlaces o Links

    &ideo*

    Li*t numer d

    </ol>

    -e utiliza cuando las opciones deben ser numerados. .a opcin type representan n)mero o letras " start indicar el n)mero con que inicia. -e utiliza cuando las opciones no presentan un orden determinado. .a opcin type representa la i2eta. -e utiliza cuando las opciones lle an un ttulo " una definicin

    Li*t no orden d

    </ul>

    Li*t con * n'r do

    </dl>

    En$ ce otro URL

    <a href$%+++%> 111

    </a>

    +++ se debe reemplazar por la direccin U=. destino del enlace. 111 es el texto indicati o que se leer en la p!ina. Te permite un enlace directo a tu cliente de correo predeterminado =eferencia una posicin a la que lue!o se acceder.

    En$ ce un e>m i$

    <a href $ %mailto*direccin e:mail%> texto indicati o del enlace

    </a>

    M rc p r en$ ce dentro de <a href$%>marca%> Texto de enlace al ancla $ mi*m p?'in @Anc$ > Anc4orA

    </a>

    Loc $i" r en$ ce <a name$%marca%> texto del ancla nterior En$ ce otr p?'in con <a href$%ab.htm>marca%> texto indicati o del m rc B dentro de$ enlace mi*mo *itio

    </a>

    Enlaza una posicin pre iamente marcada1 dentro de la misma p!ina Enlaza a la posicin establecida en marca1 en la p!ina ab.htm

    </a>

    En$ ce con im 'ene*

    <a href$%+++%><im! src$%nom!reim 'en('i)%>

    </a>

    +++ se debe reemplazar por la direccin U=. destino del enlace. nom!reim 'en('i) se debe reemplazar por el nombre de ima!en seleccionado Enlaza a la direccin U=. haciendo un clic, sobre la ima!en. #rea una tabla n $ representa al !rosor del borde. Tambi0n se podr especificar el color del borde .as celdas podrn sepa: rarse por el n alor El contenido podr estar separado del borde por el alor indicado en n -e puede establecer un alor o un porcenta+e para definir el tama2o de la tabla -e puede establecer un color de fondo de toda la tabla o colocar una ima!en de fondo 'osibilita colocar un ttulo a la tabla alineado top$arriba o !ottom$aba+o 'or cada fila que ten!a la tabla deber utilizarse esta etiqueta* se podr establecer la alineacin del contenido1 la ubicacin dentro de la fila " el color de fondo. 'ermite definir nombres de columnas. #oloca contenidos cada celda los las a

    Tablas De)inici=n 7orde* Co$or de 7orde* <table> <table border$n bordercolor$%>==&&//%> &er escala de #olores </table>

    Sep r ci=n entre <table cellspacin!$n> ce$d * Sep r ci=n entre e$ !orde 1 e$ <table cellpaddin!$n> contenido A$to nc4o <table hei!ht$n o porcenta+e 3idth$n o porcenta+e>

    <table b!color$%>==&&//% Co$or de Fondo o bac,!round$%ima!en.!if%> Im 'en de Fondo &er escala de #olores T#tu$o <caption ali!n$top R bottom> texto del ttulo </caption>

    <tr De)inici=n de )i$ * ali!n$leftRcenterRri!ht ali!n$topRmiddleRbottom </tr> b!color$%>==&&//%> <th ali!n$leftRcenterRri!htR+ustif"Rdecimal ali!n$topRmiddleRbottomRbaseline b!color$%>==&&//%> <td ali!n$leftRcenterRri!htR+ustif"Rdecimal ali!n$topRmiddleRbottomRbaseline

    De)inici=n de t#tu$o* De)inici=n de d to* o

    </th> </td>

    contenido*

    b!color$%>==&&//%> </td> </td>


    -e puede combinar una celda para que ocupe muchas filas. -e puede combinar una celda para que ocupe muchas columnas. Snicia un formulario. -e utiliza para la entrada o el en o de datos. En a la respuesta inmediatamente a la direccin especificada en formato de texto. Sn!resa un ob+eto dentro del formulario1 se deber definir el tipo de ob+eto1 el nombre del campo formulario1 el alor inicial que se le asi!na1 el tama2o mximo de isualizacin del campo " el tama2o mximo de caracteres que puede tener ese campo. Con e$ t1pe - .te+t. no *e *i'n & $ue c4ec0!o+ $ se isualiza un cuadro de erificacin1 si deseamos que aparezca tildado a!re!amos #WE#XED. p **2ord $ el in!reso se representa con asteriscos. r dio $ isualiza botones de radio " permite que el usuario eli+a una opcin entre arias. -e a!re!an tantos input como opciones deseamos. re*et - isualiza un botn que al hacerle clic, borrar los datos( *u!mit $ isualiza un botn que al hacerle clic, en iar los datos. te+t $ crea un campo para in!resar caracteres alfanum0ricos 'ermite in!resar un texto extenso1 por e+emplo comentarios

    Ce$d 5ue ocup <td ro3span$numero de filas> muc4 * )i$ * Ce$d 5ue ocup <td colspan$numero de columnas> muc4 * co$umn * Formularios De)inici=n <form>

    Accione*

    <form action$%mailto*direccionVemail% method$post enct"pe$%text/plain%>Texto referente

    <input t"pe$%text% Introducci=n de name$%nombre del campo formulario% d to* alue$%asi!nacin de un dato% size$%n)mero% maxlen!ht$%n)mero%>

    Opcione* de t1pe

    button chec,box file hidden ima!e pass3ord radio reset submit text

    <textarea In're*o de un name$%nombre del campo formulario% te+to 5ue ocup ro3s$%cantidad de filas% muc4 * $#ne * cols$%cantidad de columnas%>

    </textarea>

    In're*o por medio de un menC

    <select name$%nombre del campo formulario%> <option>4Y opcin <option>5Y opcin <option>(Y opcin Frames o Marcos <frameset>

    'ermite optar por los datos de un men)

    </select>

    De)inici=n

    </frameset>

    Snicia la definicin de un frame. Define dos frame en co: lumnas ocupando uno el 58Z de la pantalla " el otro el [8Z restante. Define dos frame en filas ocupando una el (8Z de la pantalla " la otra el ?8Z restante Define en que frame se car!ar cada p!ina. -e asi!nar un n me en este caso principal para indicar que se isualicen all los futuros enlaces -e utiliza como atributo de un enlace e indica en que frame deber isualizarse ese enlace. %D !$ n0% $ se abrir una nue a entanadel na e!ador " se isualizar en ella. %D*e$f% $ el enlace se car!a en el propio frame. %Dtop% $ el enlace se car!a a pantalla completa en la misma entana1 suprimiendo los otros frame. 7order - E indica que no habr huecos de separacin entre frames Bpara 6etscapeC. )r me!order - E indica que no habr borde de separacin entre frames. )r me*p cin' - E indica que no habr huecos de separacin entre frames Bpara ExplorerC.

    <frameset cols$%58Z1[8Z%> Fr me* en co$umn * Fr me en )i$ * <frameset ro3s$%(8Z1?8Z>

    Contenido de c d )r me

    <frame src$%frame4.htm%> <frame src$%frame5.htm% name$%principal%>

    De*tino de$ )r me tar!et$%principal%

    Atri!uto* de$ t ' border$8 )r me*et frameborder$8 framespacin!$8

    frameborder$%no% mar!inhei!ht$%n)mero% mar!in3idth$%n)mero% Atri!uto* de$ t ' name$%nombre del frame% )r me noresize scrollin!$%"es/no/auto% src$%direccin.htm%

    Fr me!order elimina los bordes de un frame m r'in2idt4 " m r'in4ei'4t $ definen el ancho " alto de los mar!enes del frame. n me $ define el nombre del frame. Nore*i"e $ indica que el fram no podr redimensionarse. *cro$$in' $ inidca si tendr o no barra de desplazamiento. *rc $ indica el contenido del frame. -i el na e!ador no cuenta con la posibilidad de incluir Arames1 con este ta! puede definirse una direccin alternati a. -e coloca lue!o de los ta! A=/TE " lle an dentro un texto definifo entre los ta! <bod"> </bod">

    Si e$ )r me no puede <noframes> ,i*u $i" r*e

    </noframes>

    http*//333.aprender.or!.ar/aulas/a afp/recursos/index.htm

    Vous aimerez peut-être aussi