Scribd Logo
Importer

Bienvenue sur Scribd !

  • Introducción Al HTML

    Transféré par

    Juan Carlos Díez Mirantes
    19 vues3 pages

    Titre original

    Introducción al HTML

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    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 PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    19 vues3 pages

    Introducción Al HTML

    Transféré par

    Juan Carlos Díez Mirantes

    Droits d'auteur :

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

    INTRODUCCIN AL LENGUAJE HTML

    El lenguaje HTML utiliza marcas o etiquetas para definir el formato y la estructura de la pgina web. Las etiquetas van encerradas por los smbolos mayor y menor (< >). La mayora de las etiquetas van emparejadas y definen el comienzo y el final de la seccin del documento afectada. <title>Ttulo de la pgina web</title>

    Algunas etiquetas permiten la inclusin de atributos que pueden tomar diversos valores. La forma de escribirlo sera: <etiqueta atributo1=valor atributo2=valor>texto</etiqueta> <hr width= 500> Se visualizara una lnea horizontal de 500 pxeles de anchura. <a href= http://www.iescorvera.org title= I.E.S. de Corvera>Pincha aqu</a> Se visualizara el texto Pincha aqu, que enlazara con la pgina web del instituto, y el texto emergente I.E.S de Corvera.

    Para introducir comentarios que no afectan al documento: <!--Comentario informativo que no afecta a la visualizacin del documento--> El documento web tiene dos partes bien diferenciadas: Cabecera: Que contiene informacin del documento, como el ttulo de la pgina o el juego de caracteres a emplear. Cuerpo: Que alberga el contenido a visualizar por el navegador.

    A continuacin, algunas de las etiquetas ms utilizadas con sus atributos y su descripcin:

    Etiquetas para denir la estructura de un documento HTML Etiqueta <html> </html> <head> </head> <title> </title> text, link, vlink, alink color del texto, del enlace, del enlace visitado, del enlace activo Indican los mrgenes del documento Indican el comienzo y n del cuerpo del documento y, a su vez, pueden incluir una serie de atributos que se aplicarn a la visualizacin del documento lang Atributos es, es-es, en Valores Descripcin Indican el inicio y nal del documento HTML Indican el inicio y nal de la cabecera del documento Indica el ttulo del documento web

    <body> </body>

    topmargin, leftmargin, marginheight, marginwidth, background bgcolor

    Imagen de fondo Color de fondo

    Etiquetas para denir formatos de presentacin Etiqueta <b> </b> <i> </i> <u> </u> <s> </s> <sub> </sub> <sup> </sup> <font> </font> <center> </center> <blink> </blink> <marquee> </marquee> <h1> </h1> <h2> </h2> ... <h7> </h7> Distintos tipos de encabezados face size color Nombre de la fuente Tamao de 1 a 7 Color de la fuente Atributos Valores Negrita Cursiva Subrayado Tachado Subndice Superndice Fuente y formato de la fuente de texto Centra el texto Texto intermitente Marquesina Descripcin

    Etiquetas para denir la estructura Etiqueta <p> </p> <div> </div> <br> <hr> <blockquote> </blockquote> <strong> </strong> Da nfasis al texto width size align Longitud en pxeles o en % Anchura en pxeles left, center, right, justify Atributos align align Valores left, center, right, justify left, center, right, justify Prrafo Divisin o seccin Salto de lnea Lnea horizontal Descripcin

    Etiquetas para trabajar con listas Etiqueta <ul> </ul> <ol> </ol> <li> </li> Atributos type type Valores disk, circle, square 1, I, i, A, a Descripcin Lista no ordenada (vietas) Lista ordenada Elemento de la lista

    Etiquetas para incluir hipervnculos Etiqueta Atributos href title target name Valores Direccin URL, mailto: direccin de correo, #ancla Texto emergente Destino del enlace (_blank, _parent, _top, _self) Nombre del ancla Vnculo o enlace Descripcin

    <a> </a>

    Etiquetas para trabajar con tablas Etiqueta Atributos width height border cellspacing cellpadding bgcolor background align <caption> </caption> align bgcolor background align valign align valign width height bgcolor background nowrap colspan rowspan Igual que <td> Valores Ancho en pxeles o en % Altura en pxeles o en % Tamao del borde Espacio entre celdas Espacio entre el texto y el borde de la celda Color de fondo Imagen de fondo Alineacin (left, center, right) Alineacin (left, center, right) Color de fondo Imagen de fondo Alineacin (left, center, right) Alineacin vertical (top, middle, bottom) Alineacin (left, center, right) Alineacin vertical (top, middle, bottom) Ancho en pxeles o en % Altura en pxeles o en % Color de fondo Imagen de fondo Nmero de columnas unidas Nmero de las unidas Insertar una celda de cabecera Descripcin

    <table> </table>

    Insertar una tabla

    Ttulo de la tabla

    <tr> </tr>

    Insertar una la dentro de la tabla

    <td> </td>

    Insertar una celda dentro de una la

    <th> </th>

    Etiquetas para trabajar con imgenes Etiqueta Atributos src width height border title alt Valores Ruta y nombre del archivo de imagen Anchura de la imagen en pxeles Altura de la imagen en pxeles Tamao del borde Texto emergente Texto alternativo si no se puede mostrar la imagen Descripcin

    <img>

    Vous aimerez peut-être aussi