Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Comandos en HTML

    Încărcat de

    Germán Morales
    11 vizualizări7 pagini

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    11 vizualizări7 pagini

    Comandos en HTML

    Încărcat de

    Germán Morales

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 7

    DESCRIPCIO N

    INICIO

    FINAL

    COMENTARIOS

    Obligatorias
    Principio de Documento Encabezado Ttulo Cuerpo <html> <head> <title> <body> </html> </head> </title> </body>
    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 navegador Cuerpo de la pgina

    Para toda la pgina


    <body bgcolor="#RRVVAA"> Color de Fondo
    Permite colocar un color uniforme de fondo a toda la pgina. Este color estar formado por 3 nmeros hexadecimales que indiquen: RR = tonalidad de color rojo VV = tonalidad del color verde AA = tonalidad del color azul nombreimagen.gif deber reemplazarse por el nombre de la imagen. Se recomienda utilizar formatos .gif o .jpg

    Imagen de Fondo Colores de texto color de enlaces enlaces visitados enlaces activos Estilos

    <body background="nombreimagen.gif"> <body text="#RRVVAA" Link ="#RRVVAA" Vlink ="#RRVVAA" Alink ="#RRVVAA"

    Permite definir los colores que se aplicarn en forma genrica para el texto como para los enlaces. El color est representado por un nmero hexadecimal

    <style>

    </style>

    Permite definir un estilo de fuente, color, tamao, etc para todo el documento. Permite definir propiedades internas del documento. Name = "description" content = Ser el resumen con que se publicar en el buscador. No utilizar ms de 25 palabras" Name = "keywords" content = "podrn definirse palabras claves para que nuestro documento sea encontrado por los buscadores"

    Meta

    <meta name="description" content="comentarios" name="keywords" content="palabra1 palabra2 ... palabran">

    </meta>

    Sonido

    <bgsound src="xx.wav" loop=infinite/n> <embed src="xx.wav" width=200 height=55 autostart="true" loop="true" hidden="true">

    Ejecuta un archivo de sonido. xx.wav se debe reemplazar por el nombre del archivo; loop n indica la cantidad de veces que se repetir. La etiqueta Embed con sus propiedades, se utiliza por las incompatibilidades de los navegadores. Con esta opcin aparece una consola cuyas dimensiones se definen con Width o Height y que puede ocultarse con Hidden = "true"

    Presentacin de texto
    Encabezamien <h1><h2>....<h6> tos Negrita Cursiva Subrayado Parpadeo Grande Pequea <b> <i> <u> <blink> <big> <small> </h1></h2>.... Opciones de formato de texto para encabezados, </h6> </b> </i> </u> </blink> </big> </small> </sub> </sup> </font>
    Coloca el texto incluido con stos formatos.

    El texto estar parpadeante Agranda el texto Disminuye el texto Representa el texto sobre el rengln o bajo el rengln. Permite colocar un color a la fuente. El color est representado por un nmero hexadecimal. Define un tamao de fuente especfico. n repre-senta un nmero del 0 al 7 al que luego podrn agregarle los signos + o Permite definir un nombre de Fuente especfico. Formato de fuente Courier de tamao menor (Typewriter) Formato de fuente tipo Courier. Se representan los espacios en blanco Permite que un texto tenga movimiento. Pueden agregarse atributos para dimensionar la marquesina, para alinear el texto, para modificar tamao, fuente y color.

    Subndice <sub> Superndice <sup> Color del Texto Tamao del Texto <font color="#RRVVAA">

    <font size="n">

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

    Tipo de fuente <font face="nombre de fuente"> Estilo de fuente <tt>

    Texto <pre> preformateado Texto en Movimiento Lnea Horizontal Espacio en Blanco Comentario <marquee>(texto)

    </marquee>

    <hr="n"> &nbsp <!- comentario>

    Traza un lnea horizontal cuyo grosor No utiliza etiqueta de cierre est representado por n Representa un espacio en blanco. No utiliza etiqueta de cierre

    ->

    Comentarios que no sern visibles en la pantalla.

    Escribo Para ver &lt; &gt; &amp; &quot; &aacute; &eacute; &iacute &oacute; &uacute; Caracteres especiales &Aacute; &Eacute; &Iacute; &Oacute; &Uacute; &ntilde; &Ntilde; &uuml; &Uuml; &#191; &#161; < > & " Presentacin de prrafos <center> Alineaciones <left> <right> Sangra Parrafo <blockquote> <p align= center*left*right*justify> </center> </left> </right>

    Permiten que los caracteres especiales sean ledos por todos los navegadores en sus distintas versiones. La escritura de cada carcter comienza con el signo ampersand (&) y debe terminar con punto y coma (;) En esta tabla vemos como escribir algunos smbolos, signos, las letras y , y las vocales acentuadas en mayscula y minscula.

    Todo texto que se escriba entre estas etiquetas sufrir esa alineacin .

    </blockquote> Se utiliza para destacar una cita. </p>


    Realiza la separacin entre prrafos, y la alineacin de estos. Permite dejar renglones en blanco

    Renglones en <br> blanco

    Tratamiento de imgenes
    Imagen Individual <img src="nombreimagen.gif">
    Permite insertar una imagen en la pgina que estamos diseando. El archivo de la imagen deber estar ubicado en la misma carpeta que la pgina, caso contrario se deber indicar su ruta de acceso

    Texto de la imagen

    <img src="nombreimagen.gif" alt="texto">

    Coloca un texto que podr leerse al pasar el puntero del ratn sobre la imagen o cuando sta no se carga.

    Alineacin del <img src="nombreimagen.gif" align= top * middle * bottom> texto <img src="nombreimagen.gif" width="n" height="n"> <img dynsrc="archivi.avi" loop=infinite controls start= mouseover> Listas Lista numerada <ol type= A * a * I * i start=n> <lh> ttulo de la lista </lh> <li> Primera opcin <li> Segunda opcin <li> Tercera opcin <ul type=square * circle * disk> <lh> ttulo de la lista </lh> <li> Primera opcin <li> Segunda opcin <li> Tercera opcin <dl> <lh> ttulo de la lista </lh> <dt> Primer tema <dd> Primer detalle <dd> Segundo detalle <dt> Segundo tema <dd> Tercer detalle <dd> Cuarto detalle

    Indicar la posicin en que ubicaremos al texto que acompaa a la imagen Top Arriba * Middle Medio * Bottom Abajo Define el tamao de la imagen Width = ancho * height = altura n = ser un valor en pixeles Permite agregar archivos de video.

    Ancho Alto Videos

    </ol>

    Se utiliza cuando las opciones deben ser numerados. La opcin type representan nmero o letras y start indicar el nmero con que inicia.

    Lista no ordenada

    </ul>

    Se utiliza cuando las opciones no presentan un orden determinado. La opcin type representa la vieta.

    Se utiliza cuando las opciones llevan un ttulo y una definicin

    Lista con sangrado

    </dl>

    Enlaces o Links
    Enlace a otro <a href="xxx"> yyy URL Enlace a un e-mail <a href = "mailto:direccin e-mail"> texto indicativo del enlace </a>
    xxx se debe reemplazar por la direccin URL destino del enlace. yyy es el texto indicativo que se leer en la pgina. Te permite un enlace directo a tu cliente de correo predeterminado

    </a>

    Marca para enlace dentro de la misma <a href="#marca"> Texto de enlace al ancla pgina (Ancla Anchor) Localizar <a name="marca"> texto del ancla enlace anterior Enlace a otra pgina con <a href="ab.htm#marca"> texto marca, dentro indicativo del enlace del mismo sitio

    Referencia una posicin a la que luego se acceder.

    </a>

    </a>

    Enlaza una posicin previamente marcada, dentro de la misma pgina Enlaza a la posicin establecida en marca, en la pgina ab.htm

    </a>

    Enlace con imagenes

    <a href="xxx"><img src="nombreimagen.gif">

    </a>

    xxx se debe reemplazar por la direccin URL destino del enlace. nombreimagen.gif se debe reemplazar por el nombre de imagen seleccionado Enlaza a la direccin URL haciendo un click sobre la imagen.

    Tablas
    Definicin Bordes Color de Bordes Separacin entre celdas <table> <table border=n bordercolor="#RRVVAA"> </table>
    Crea una tabla n = representa al grosor del borde. Tambin se podr especificar el color del borde Las celdas podrn separarse por el n valor El contenido podr estar separado del borde por el valor indicado en n

    <table cellspacing=n>

    Separacin entre el borde <table cellpadding=n> y el contenido Alto ancho Color de Fondo o Imagen de Fondo Ttulo <table height=n o porcentaje width=n o porcentaje> <table bgcolor="#RRVVAA" background="imagen.gif">

    Se puede establecer un valor o un porcentaje para definir el tamao de la tabla Se puede establecer un color de fondo de toda la tabla o colocar una imagen de fondo

    <caption align=top * bottom> texto del ttulo

    </caption>

    Posibilita colocar un ttulo a la tabla alineado top=arriba o bottom=abajo Por cada fila que tenga la tabla deber utilizarse esta etiqueta: se podr establecer la alineacin del contenido, la ubicacin dentro de la fila y el color de fondo. Permite definir los nombres de las columnas.

    <tr Definicin de align=left*center*right valign=top*middle*bottom filas bgcolor="#RRVVAA">

    </tr>

    <th Definicin de align=left*center*right*justify*decimal </th> valign=top*middle*bottom*baseline ttulos bgcolor="#RRVVAA"> <td Definicin de align=left*center*right*justify*decimal </td> datos o valign=top*middle*bottom*baseline contenidos bgcolor="#RRVVAA"> Celda que ocupa muchas <td rowspan=numero de filas> filas Celda que ocupa muchas <td colspan=numero de columnas> columnas </td>

    Coloca contenidos a cada celda

    Se puede combinar una celda para que ocupe muchas filas.

    </td>

    Se puede combinar una celda para que ocupe muchas columnas.

    Formularios
    Definicin Acciones <form> <form action="mailto:direccion@email" method=post enctype="text/plain">Texto referente
    Inicia un formulario. Se utiliza para la entrada o el envo de datos. Enva la respuesta inmediatamente a la direccin especificada en formato de texto. Ingresa un objeto dentro del formulario, se deber definir el tipo de objeto, el nombre del campo formulario, el valor inicial que se le asigna, el tamao mximo de visualizacin del campo y el tamao mximo de caracteres que puede tener ese campo. Con el type = "text" no se asigna Value checkbox = se visualiza un cuadro de verificacin, si deseamos que aparezca tildado agregamos CHECKED. password = el ingreso se representa con asteriscos. radio = visualiza botones de radio y permite que el usuario elija una opcin entre varias. Se agregan tantos input como opciones deseamos. reset = visualiza un botn que al hacerle click borrar los datos. submit = visualiza un botn que al hacerle click enviar los datos. text = crea un campo para ingresar caracteres alfanumricos

    <input type="text" Introduccin name="nombre del campo formulario" value="asignacin de un dato" de datos size="nmero" maxlenght="nmero">

    button checkbox file hidden Opciones de image password type radio reset submit text

    Ingreso de un texto que ocupa muchas lneas

    <textarea name="nombre del campo formulario" rows="cantidad de filas" cols="cantidad de columnas">

    Permite ingresar un texto extenso, por ejemplo comentarios

    </textarea>
    Permite optar por los datos de un men

    <select name="nombre del campo Ingreso por formulario"> medio de un <option>1 opcin <option>2 opcin men <option>3 opcin

    </select>

    Frames o Marcos
    Definicin <frameset> </frameset>
    Inicia la definicin de un frame. Define dos frame en columnas ocupando uno el 20% de la pantalla y el otro el 80% restante. Define dos frame en filas ocupando una el 30% de la pantalla y la otra el 70% restante Define en que frame se cargar cada pgina. Se asignar un name en este caso principal para indicar que se visualicen all los futuros enlaces Se utiliza como atributo de un enlace e indica en que frame deber visualizarse ese enlace. "_ blank" = se abrir una nueva ventanadel navegador y se visualizar en ella. "_self" = el enlace se carga en el propio frame. "_top" = el enlace se carga a pantalla completa en la misma ventana, suprimiendo los otros frame. Border = 0 indica que no habr huecos de separacin entre frames (para Netscape). frameborder = 0 indica que no habr borde de separacin entre frames. framespacing = 0 indica que no habr huecos de separacin entre frames (para Explorer). Frameborder = elimina los bordes de un frame marginwidth y marginheight = definen el ancho y alto de los margenes del frame. name = define el nombre del frame. Noresize = indica que el fram no podr redimensionarse. scrolling = inidca si tendr o no barra de desplazamiento. src = indica el contenido del frame. Si el navegador no cuenta con la posibilidad de incluir Frames, con este tag puede definirse una direccin alternativa. Se coloca luego de los tag FRAME y llevan dentro un texto definifo entre los tag <body> </body>

    Frames en <frameset cols="20%,80%"> columnas Frame en filas <frameset rows="30%,70%> <frame src="frame1.htm"> Contenido de <frame src="frame2.htm" cada frame name="principal">

    Destino del frame

    target="principal"

    Atributos del border=0 tag frameset frameborder=0 framespacing=0

    frameborder="no" marginheight="nmero" marginwidth="nmero" Atributos del name="nombre del frame" tag frame noresize scrolling="yes/no/auto" src="direccin.htm"

    Si el frame no <noframes> puede visualizarse

    </noframes>

    S-ar putea să vă placă și