Scribd Logo
Upload

Welcome to Scribd!

  • Tags HTML

    Uploaded by

    jguaba
    8 views10 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views10 pages

    Tags HTML

    Uploaded by

    jguaba

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 10

    TAGS HTML Esta pgina contiene una lista con todos los elementos del estndar HTML 4.

    01, que tambin correcponden a los estndares XHTML 1.0 y 1.1 (con la excepcin de aquellos desaprobados). Junto a cada elemento encontrars un smbolo que indica si es vaco o no. Esto puede ser til a la hora de escribir cdigo XHTML. Nora que el color rojo ha sido utilizado para marcar los elementos desaprobados, cuyo uso ya no es recomendable. Los elementos son desaprobados debido a que son reemplazados por otros (por ejemplo, el elemento HTML appletque fue reemplazado por el elemento HTML object) o porque las hojas de estilo se han vuelto la forma preferida de lograr sus efectos. Adems, nota que los tags y atributos desaprobados pueden no ser soportados por versiones futuras (por ejemplo, HTML 5). Esa es otra importante razn para dejar de utilizarlos. Nota: Si no sabes lo que un tag o elemento es y/o cmo debes utilizarlo, te recomiendo que leas nuestro tutorial "tags y atributos en HTML", el cual puedes encontrar en la seccin de tutoriales HTML. Elemento Vaco Descripcin corta <!-- --> Inserta comentarios ocultos <!DOCTYPE> Establece el tipo de documento <a> Inserta vnculos o marcadores <abbr> Explica/expande abreviaciones <acronym> Explica/expande acrnimos <address> Muestra informacin de contacto del autor <applet> Inserta un applet (script) <area> Define sectores para un mapa de imagen <b> Convierte texto en negrita <base> Establece la URI base, usada para resolver URIs relativas <basefont> Establece el tamao de fuente por defecto para todo el documento <bdo> Anula el algoritmo bidireccional para su contenido <big> Muestra el texto en estilo de fuente "grande" <blockquote> Inserta una cita en forma de prrafo <body> Acta como contenedor para toda la parte representable del documento (cuerpo) <br> Forza un quiebre de lnea <button> Crea un botn que permite contenido HTML (elementos) <caption> Establece un ttulo para una tabla <center> Muestra su contenido centrado <cite> Inserta una cita o referencia <code> Declara a su contenido como cdigo de computadora

    Elemento <col> <colgroup> <dd> <del> <dfn> <dir> <div> <dl> <dt> <em> <fieldset> <font> <form> <frame> <frameset> <h1> <h2> <h3> <h4> <h5> <h6> <head> <hr> <html> <i> <iframe> <img> <input> <ins> <isindex> <kbd> <label> <legend> <li> <link>

    Vaco

    Descripcin corta Establece atributos generales para las columnas de una tabla Agrupa un nmero de columnas en una tabla Muestra una definicin en una lista de trminos y definiciones Incluye texto que debera ser borrado o reemplazado (ya no vlido) Asigna una definicin a un trmino Inserta una lista de directorio (rbol) Define un bloque de contenido Inserta una lista de trminos y definiciones Inserta un trmino en una lista de trminos y definiciones Indica nfasis para su contenido Agrupa controles en un formlario Establece el estilo de fuente para su contenido Inserta un formulario Inserta un marco simple Inserta un conjunto de marcos Define un encabezado de nivel 1 Define un encabezado de nivel 2 Define un encabezado de nivel 3 Define un encabezado de nivel 4 Define un encabezado de nivel 5 Define un encabezado de nivel 6 Encierra el bloque de encabezado del documento (para las declaraciones globales) Dibuja una lnea horizontal Acta como contenedor para el documento entero (encabezado y cuerpo) Muestra su contenido con estilo de fuente itlica Inserta un marco dentro del contenido del documento Inserta una imagen Muestra un control de entrada (texto, contrasea, casillas de verificacin, etc.) Indica que su contenido ha sido insertado a un texto anterior en una actualizacin Provee una entrada de una sola lnea Representa texto que es ingresado por el usuario Establece una etiqueta para un control en un formulario Asigna un ttulo para un "fieldset" (grupo de controles en un formulario) Inserta un tem en una lista (para listas ordenadas y desordenadas) Da infromacin relacional acerca del documento al vincularlo con otros recursos 2

    Elemento <map> <menu> <meta> <noframes> <noscript> <object> <ol> <optgroup> <option> <p> <param> <pre> <q> <s> <samp> <script> <select> <small> <span> <strike> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead>

    Vaco

    Descripcin corta Define un mapa de imagen del lado cliente Inserta una lista menu Provee informacin acerca del documento en la forma de variables (nombre y valor) Provee contenido alternativo para marcos, mostrado cuando los mismos no son soportados Provee texto alternativo para scripts, mostrado cuando los mismo no son soportados Inserta aplicaciones externas (por ejemplo, animaciones /prlculas Flash) Inserta una lista ordenada Agrupa las opciones en un contro "select" Define una opcin en un control "select" Inserta un prrafo Establece un parmetro para un objeto insertado Muestra texto preformateado, usualmente con fuente de ancho fijo y respetando espacios Inserta una cita a nivel de lnea Muestra texto tachado Representa la salida de un programa Acta como contenedor para scripts del lado cliente Crea un control select (lista desplegable de opciones) Muestra trexto en duente "pequea" Encierra un trozo de texto (en lnea), til para asignar atributos a su contenido Muestra texto tachado Indica nfasis fuerte para su contenido Contiene cdigo de hojas de estilo que definen atributos visuales para el documento Inserta texto como subndice Inserta texto como superndice Acta como contenedor para la informacin de una tabla Define un cuerpo en una tabla Inserta una celda regular en un tabla Crea una entrada de lneas mltiples Define un pie para una tabla Inserta una celda de encabezado en una tabla Define un encabezado en una tabla 3

    Elemento <title> <tr> <tt> <u> <ul> <var>

    Vaco

    Descripcin corta Define un ttulo para el documento completo Inserta una fola de celdas en una tabla Muestra texto de mquina de escribir Muestra texto subrayado Inserta una lista desordenada Indica una instancia de una vatiable

    Widget: En informtica, un widget es una pequea aplicacin o programa, usualmente presentado en archivos o ficheros pequeos que son ejecutados por un motor de widgets o Widget Engine. Entre sus objetivos estn dar fcil acceso a funciones frecuentemente usadas y proveer de informacin visual. Sin embargo, los widgets pueden hacer todo lo que la imaginacin desee e interactuar con servicios e informacin distribuida en Internet; pueden ser vistosos relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con informacin del tiempo en su ciudad, etctera. Los widgets de escritorio tambin se conocen como gadgets de escritorio, y son una nueva categora de mini aplicaciones; diseadas para proveer de informacin o mejorar una aplicacin o servicios de un ordenador o computadora, o bien cualquier tipo de interaccin a travs del World Wide Web, por ejemplo una extensin de alguna aplicacin de negocios, que nos provea informacin en tiempo real del estatus del negocio u organizacin. Qu es un widget? Un widget es una pequea aplicacin que puedes instalar en tu blog, red social favorita o descargarte en tu ordenador, permitindote recibir contenidos en formato texto, imgenes, audio o vdeos. Podemos tener en el escritorio de nuestro porttil un widget con las ltimas cotizaciones del IBEX, las ltimas ofertas de nuestro Outlet favorito o acceder a la previsin del tiempo en nuestro mvil. Si veo un widget que me gusta en una Web, utilizando el sistema de distribucin de Widgadget, tan solo tengo que hacer click en el botn de compartir y llevarme el widget a mi escritorio, blog, red social favorita e incluso a mi mvil, as de simple, as de bueno :-) Diferentes tipos de widgets Existen muy variados y diferentes tipos de widgets. Algunos de ellos y los ms frecuentes son: Widgets de escritorio: son los que ms conocemos. Son herramientas interactivas descargables que se insertan en el escritorio de nuestro ordenador. Suelen ser aplicaciones para: el tiempo, el reloj, buscadores, etc. Web widgets: partes de cdigo que representan funcionalidades o contenidos que pueden ser instalados y ejecutados en tu pgina de manera sencilla. El cdigo puede programarse desde: Javacript, Flash, Silverlight y Windows Media Player entre otros. Su objetivo es enriquecer los contenidos y funcionalidades de tu Web sin necesidad de programar y crear nuevos contenidos. Widgets para mviles: similares a los de escritorio, pero, en este caso, para el interface del telfono. A pesar de lo pequea que pueda ser su pantalla, los Widgets se adaptan perfectamente a la misma y prestan servicios interactivos de gran calidad.

    GAdget Un gadget o dispositivos electrnicos1 es un dispositivo que tiene un propsito y una funcin especfica, generalmente de pequeas proporciones, prctico y a la vez novedoso. Los gadgets suelen tener un diseo ms ingenioso que el de la tecnologa corriente. Miniaplicaciones gadgets Gadgets son objetos en miniatura realizados para ofrecer contenido fresco y dinmico que puede ser colocado en cualquier pgina en la web. Gadgets pueden ser tiles cuando ests en el trabajo (lista de tareas, conversor de moneda, calendario), en la escuela (calculadora, Wikipedia, herramienta de traduccin), o simplemente pasar el tiempo (noticias, blogs, juegos). (Google Gadgets.) El trmino gadget (o widget), tambin se ha dado a una nueva categora de mini aplicaciones, diseadas para proveer de informacin o mejorar una aplicacin o servicios de un ordenador o computadora, o bien cualquier tipo de interaccin a travs de Internet, por ejemplo una extensin de alguna aplicacin de negocios, que nos provea informacin en tiempo real del estatus del negocio u organizacin. Un ejemplo de un gadget en una computadora seran los gadgets del Dashboard del sistema de Apple el Mac OS X Leopard o los de la barra lateral de Windows, que viene incluida en el nuevo sistema operativo de Microsoft: Windows 7 y Microsoft: Windows Vista. Algunos ejemplos de gadgets Muchos aparatos tecnolgicos de tamao reducido pueden ser considerados gadgets, como es el caso de los mviles, mandos a distancia, iPod, PDA, calculadoras, relojes, etc. Tambin Google tiene su sidebar con muchos gadgets (virtuales) que se pueden usar con el sistema operativo Windows XP, Windows Vista, Mac y GNU Linux La lapicera (portaminas), la llave inglesa, el peine, el tenedor, entre muchos otros, tambin caben dentro de la definicin menos tecnolgica. Tambin se utiliza para designar todos los accesorios utilizados por corredores populares de carreras y maratones que no son calificados como imprescindibles. Otro ejemplo es la nueva impresora que va a salir al mercado en el 2012. Little Printer, es una pequea impresora, ideada por Bergcloud, cuya funcin es obtener el contenido actualizado de las suscripciones que tienes en las redes sociales, a travs de una especie de peridico con aspecto de ticket de compra. El contenido que se quiere imprimir se elige desde una aplicacin especfica del telfono mvil. Sus ventajas es que no utiliza ni tinta y funciona de forma inalmbrica, pudindola utilizar en cualquier lugar. Esta impresora se puede conectar tanto a smartphones, como a tablets as como a computadores de escritorio. Adems, cuenta con el patrocinio de Nike, Google, Foursquare y The Guardian.

    EMBED HTML Embed: Msica de fondo en tu pgina web Cuanto ms amplio es el espectro de navegadores y sistemas operativos sobre el que tenemos que disear nuestra pgina web ms se complican las cosas. Y esto puede ser el caso de la etiqueta BGSOUND (recomendable leerse el artculo que explica cmo utilizar esta etiqueta) . Es por ello que si queremos ponerle msica de fondo en nuestra web podemos utilizar la etiqueta EMBED. Si bien, hay que tener en cuenta que esta etiqueta sigue sin ser estndar. Aunque, cierto es, que la interpretan un mayor nmero de navegadores y plataformas. EMBED El atributo ms importante a conocer de la etiqueta EMBED es src. Este nos permitir indicar cual es el fichero que contiene el audio.
    <EMBED SRC="starwars.mid">

    Si ponemos este cdigo tal cual nos saldr un control musical con sus botones de play, stop, control de volumen,... y claro, como nosotros queremos poner msica de fondo, deberemos de ocultar dicho control. Para ello contamos con el atributo hidden, al cual deberemos de dar un valor de true.
    <EMBED SRC="starwars.mid" HIDDEN="true">

    Y ahora, hecho esto, tenemos un ligero problema. Y es que cuando tenamos el control musical, disponamos del botn play para forzar el inicio de la cancin y ahora, al haber ocultado el control, no tenemos forma de hacerlo y es por ello que la cancin no comenzar. Por lo tanto, deberemos de utilizar el atributo autostart con un valor true para que se inicie la cancin.
    <EMBED SRC="starwars.mid" AUTOSTART="true">

    Y a disfrutar de nuestra msica de fondo.

    Sonido de fondo <bgsound> Aadir una msica de fondo a una pgina tiene pros y contras, si el sonido es apropiado al contenido de la pgina, puede hacerla ms atractiva en contrapartida la descarga del archivo de sonido supone una carga que puede ralentizar la visualizacin de la pgina y adems muchos usuarios suelen estar escuchando otro tipo de msica cuando navega en Internet, por lo que el escuchar tambin sonido en cada pgina que visita puede resultar algo molesto. Los formatos de sonido ms habituales en Internet son el WAV, el MP3 y en algunas ocasiones el MIDI, aunque existen otros formatos diferentes que tambin pueden utilizarse. Lo ideal es incluir algn archivo de audio que no ocupe mucho espacio, y que no por ello sea de mala calidad. 7

    El navegador Internet Explorer puede reconocer la etiqueta <bgsound>, que se utiliza para incluir sonido de fondo. Esta nueva etiqueta no necesita etiqueta de cierre. A travs del atributo src hay que especificar la ruta y el nombre del archivo de audio. Con el atributo loop indicamos el nmero de veces que se tienen que reproducir el sonido. Si se desea que el archivo de audio se reproduzca continuamente en un bucle, habr que asignarle el valor infinite o -1. Por ejemplo, podramos insertar un sonido de fondo escribiendo el siguiente cdigo: <bgsound src="varios/audio.mid" loop="-1"> La etiqueta <bgsound> puede situarse en cualquier parte del documento, pero es preferible que la situemos siempre en un sitio fcil de encontrar, por si deseamos hacerle alguna modificacin. Podramos, por ejemplo, incluirla justo debajo de la etiqueta <body>. Vdeo y audio <embed> En ocasiones puede interesar incluir algn vdeo en una pgina web, pero hay que tener en cuenta que los vdeos suelen ocupar mucho espacio en disco, y por lo tanto, precisan de mucho tiempo para descargarse. Los formatos de vdeo que suelen utilizarse en Internet son el AVI, el MPEG y el MOV. La etiqueta <embed> es la que se utiliza para insertar archivos de vdeo. Puede incluirse la etiqueta de cierre, pero en realidad no es necesaria, ya que entre las etiquetas <embed> y </embed> no hay que insertar nada. A travs del atributo src hay que especificar la ruta y el nombre del archivo de vdeo. Los videos insertados a travs de esta etiqueta se reproducen automticamente al cargarse la pgina, y se reproducen solamente una vez. Esto puede cambiarse a travs de los atributos autostart y loop. El atributo autostart indica si el archivo se reproducir automticamente al cargarse la pgina, y puede tomar los valores true o false. El atributo loop indica si el archivo se reproducir continuamente en un bucle, y tambin puede tomar los valores true o false. Los atributos width (anchura) y height (altura) sirven para especificar el tamao de la consola de control de vdeo. Estos atributos pueden tomar como valor un nmero, que indica el tamao en pxeles. Si no se especifican estos atributos, la consola de control de vdeo se mostrar con el tamao ms adecuado al tamao del vdeo.

    A la derecha tienes un ejemplo de un archivo de video, para el que se muestran los controles de video. Puedes reproducirlo pulsando sobre los controles. Para insertar el vdeo anterior, se podra escribir: <embed src="varios/cotorra.avi" autostart="false" loop="true"> Existen algunos navegadores que no reconocen la etiqueta <bgsound>, por lo que no es posible utilizar esta etiqueta para incluir un sonido de fondo. En su lugar, se utiliza la etiqueta <embed>, que funciona del mismo modo para los archivos de audio y de vdeo. No hay que olvidar que para los archivos de audio tambin se mostrarn los controles de reproduccin. A la derecha tienes un ejemplo de un archivo de sonido, para el que se muestran los controles de audio. Si lo deseas, puedes reproducirlo pulsando sobre los controles. Para insertar el archivo de audio anterior, se podra escribir: <embed src="varios/audio.mid" autostart="false" loop="true"> Si no se desea que se muestren los controles de un archivo de audio, porque va a ser utilizado como sonido de fondo, puede hacerse que los atributos width (anchura) y height (altura) valgan cero. Tambin puede utilizarse el atributo hidden, con los valores true o false. Cuando su valor estrue, se ocultan los controles de reproduccin. Por ejemplo, para insertar sonido de fondo se podra escribir: <embed src="varios/audio.mid" autostart="true" loop="true" hidden="true" > O tambin: <embed src="varios/audio.mid" autostart="true" loop="true" width="0" height="0" >

    QU ES UN POST? Un post se traduce en espaol como artculo, aunque se suele utilizar con la terminologa inglesa o el nombre de entradas en la publicaciones hechas en blogs. Los posts son los artculos que vamos publicando en la parte central del blog y que se ordenan de manera cronolgica. Por lo general, los posts tienen un titular, un cuerpo del artculo donde se puede introducir texto, fotografa, cdigo html e incluso audio. Los posts estn archivados por categoras y tambin se acompaan de palabras clave relacionadas con el contenido del artculo. Adems, por lo general, los posts permiten que los lectores realicen comentarios, aunque es una funcin que se puede habilitar o deshabilitar en funcin de inters del autor del blog. Este pequeo artculo que ests leyendo es un post

    10

    You might also like