Scribd Logo
Importer

Bienvenue sur Scribd !

  • Asd

    Transféré par

    LuisaLuisa
    10 vues8 pages
    html

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    10 vues8 pages

    Asd

    Transféré par

    LuisaLuisa
    html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 8

    <HTML> </HTML>

    Delimita y engloba toda la pgina web, que consta de cabecera y cuerpo.

    <HEAD> </HEAD>
    Delimita y engloba la cabecera de una pgina, que contiene un conjunto de informaciones que
    no se muestran en la ventana, entre ellas el ttulo de la pgina, pero que pueden ayudar a los
    navegadores y a los buscadores para interpretar o a encontrar correctamente la pgina.

    <TITLE> </TITLE>
    Dentro de la cabecera (HEAD), lo que se incluye aqu se muestra en la barra del ttulo de la
    ventana del navegador.

    Metadatos
    La cabecera admite otras muchas etiquetas

    <BODY> </BODY>
    Delimita y engloba el cuerpo de la pgina, que son el conjunto de informaciones (texto e
    imgenes) que se muestran en la pgina, as como las indicaciones de cmo deben mostrarse.
    Admite atributos

    Formatos de prrafo
    El texto de la pgina se puede estructurar en encabezamientos de los diferentes apartados de
    la pgina, que pueden tener distintos niveles de 1 a 6 (siendo 1 el ms importante) y prrafos
    normales.

    <H1> ... </H1> o <H2> ... </H2> (hasta 6)


    Prrafos que son encabezamientos (con distintos niveles).

    <P>... </P>
    Prrafos normales.

    <P align="center">... </P>


    El atributo align permite alinear el texto del prrafo. Se puede aplicar igual a las etiquetas
    <H1>, <H2>, etc ...

    <BR>
    Permite partir un prrafo empezando una lnea nueva pero sin dejar espacio.

    <HR>
    Pone una lnea horizontal de separacin. (Admite atributos)

    <BLOCKQUOTE></BLOCKQUOTE>
    Sangra el prrafo.

    Formatos de texto
    El formato de caracteres permite cambiar tanto el tipo de fuente como su tamao y aspecto.
    Se pueden utilizar varias etiquetas HTML para dar distintos formatos a un grupo de caracteres:

    Formatos Fsicos:

    Negrita:

    <B></B>

    Cursiva:

    <I></I>

    Subrayado:

    Teletipo:

    <TT></TT>

    Tachado:

    <STRIKE></STRIKE>

    Grande:

    Pequea:

    Superndice:

    Subndice:

    <U></U>

    <BIG></BIG>
    <SMALL></SMALL>
    <SUP></SUP>
    <SUB></SUB>

    Formatos Lgicos:

    Cita:

    Cdigo:

    Definicin:

    nfasis:

    <EM></EM>

    Grueso:

    <STRONG></STRONG>

    <CITE></CITE>
    <CODE></CODE>
    <DFN></DFN>

    Palabras clave: <KEY></KEY>

    Ejemplos:

    Usuario:

    Variables:

    Ejemplo literal: <XMP>...</XMP> (ignora las etiquetas HTML de dentro)

    <SAMP></SAMP>
    <KBD></KBD>
    <VAR></VAR>

    Posibilidad de combinar etiquetas (anidndolas, esto es, una dentro de otra):

    <B><I></I></B>

    (Correcto)

    <B><I></B></I>

    (Incorrecto)

    <FONT COLOR="red"> ... </FONT>


    Indicacin expresa del tipo de letra a usar, en este caso el color

    <FONT SIZE="+1"> ... </FONT>


    Indicacin expresa del tipo de letra a usar, en este caso el tamao
    La etiqueta FONT permite combinaciones cualesquiera de los atributos COLOR, SIZE y FACE
    Caracteres especiales
    Existe una serie de caracteres del ISO-LATIN-1 que no se pueden representar directamente en
    un documento HTML, puesto que forman parte del propio vocabulario del lenguaje, como por
    ejemplo los smbolos <, >, &, etc.
    Adicionalmente, las vocales acentuadas y algunos signos de puntuacin deben ser
    especificados de forma distinta, puesto que los navegadores pueden no entender el cdigo del
    carcter utilizado y convertirlo a otro diferente.
    Los caracteres especiales ms usados son:

    &aacute;

    &eacute;

    &iacute;

    &oacute;

    &uacute;

    &agrave;

    &ntilde;

    &lt;

    <

    &gt;

    >

    &amp;

    &ccedil;

    &quot;

    &nbsp;

    espacio en blanco

    &

    Listas

    <UL> ... </UL>


    Lista numerada.
    <OL> ... </OL>
    Lista no numerada.
    <LI> ... </LI>
    Elementos de una lista.
    Enlaces
    Sirven para acceder desde una pgina a otra pgina o a otro recurso disponible

    <a href="http://servidor/recurso.html">texto del enlace</a>


    Enlace absoluto a una pgina

    <a href="recurso.html">texto del enlace</a>


    Enlace relativo a una pgina

    <a name="marcador"> ... </a>


    Marcador (enlace interno) dentro de una pgina

    <a href="#marcador">texto del enlace</a>

    Enlace a un marcador de la misma pgina

    <a href="recurso.html#marcador">texto del enlace</a>


    Enlace a un marcador de otra pgina (que puede darse con direccin absoluta o relativa)

    <a href="recurso.html" target="_blank">texto del enlace</a>


    Enlace a otra pgina (absoluta o relativa, con o sin marcador) que se abra en otra ventana.

    Imgenes
    <img src="nombre.gif">

    Etiquetas Bsicas

    Etiquetas

    Descripcin

    <h1>...<h6>

    Ttulos de diferentes tamaos.

    <p>

    Escribir un prrafo.

    <!-->

    Poner un comentario en el cdigo.

    <br>

    Para hacer un salto de lnea.

    <hr>

    Dibujar una lnea horizontal.

    Formatos de texto
    Etiquetas

    Descripcin

    <b>

    Texto en negrita.

    <big>

    Texto grande.

    <em>

    Texto enfatizado.

    <i>

    Texto en itlica.

    <small>

    Texto pequeo.

    <strong>

    Texto fuerte.

    <sub>

    Texto por debajo.

    <sup>

    Texto por encima.

    <ins>

    Texto subrayado.

    <del>

    Texto tachado.

    <tt>

    Texto teletipo.

    Enlaces - Links
    Etiquetas
    <a>

    Descripcin
    Crear un vnculo simple.
    Marcapginas de un documento.
    Abrir un vnculo en una nueva ventana.
    Abrir un vnculo en el frameset padre.
    Abrir un vnculo en el mismo frame.
    Abrir un vnculo en una ventana de tamao completo.

    Formularios
    Etiquetas
    <form>

    Descripcin
    Crear un formulario simple.
    La respuesta al formulario se abrir en una nueva ventana.

    La respuesta al formulario se abrir en el mismo frame del formulario.


    La respuesta al formulario se abrir en el frameset padre.
    La respuesta al formulario se abrir en una ventana de tamao
    completo.
    <input>

    Usar un botn grfico para mandar los formularios.


    Un formulario tipo checkbox.
    Un formulario para subir archivos.
    Un formulario con datos ocultos.
    Un formulario con un botn personalizado con una imagen.
    Un formulario con ingreso de password.
    Un formulario del tipo radio.

    <fieldset>

    Dibujar un recuadro alrededor del formulario con un ttulo.

    <select>

    Men desplegable.

    <optgroup>

    Poner subttulos dentro del men desplegable.

    Imgenes
    Etiquetas
    <img>

    Descripcin
    Colocar una imagen en el documento.
    Modificar las medidas de una imagen.
    Crear un mapa de una imagen.

    Frames - Marcos
    Etiquetas
    <frameset>

    Descripcin
    Definir marcos verticales.
    Definir marcos horizontales.

    <frame>

    Divisin de marcos sin bordes.


    Uso de mrgenes dentro de los marcos.
    Marcos fijos que no permiten cambiar su tamao.
    Uso de la barra de desplazamiento dentro de los marcos.

    <noframes>

    En caso que el navegador del usuario no soporte marcos.

    <iframe>

    Alinamos un iframe a la derecha de la pgina.


    Mostrar un iframe sn los bordes.
    Definir la altura del iframe a nuestro gusto.
    Definir el ancho del iframe.
    Mostrar un iframe sn las barras de desplazamiento.

    Tablas
    Etiquetas
    <table>

    Descripcin
    Definir el espesor del borde de una tabla.
    Tamao del relleno de cada celda de la tabla.
    Separacin entre celdas de una tabla.
    Especificar los bordes que sern visibles de la tabla.
    Visualizar solo las lneas horizontales de una tabla.
    Especificar el ancho de la tabla.

    <tr>

    Alinear horizontalmente el contenido de las celdas de una fila.


    Alinear verticalmente el contenido de las celdas de una fila.

    <td>

    Alinear horizontalmente el contenido de una celda.


    Alinear verticalmente el contenido de una celda.
    Agrupamos un nmero de celdas horizontalmente.
    Agrupamos un nmero de celdas verticalmente.

    Listas
    Etiquetas

    Descripcin

    <ol>

    Hacer una lista ordenada.

    <ul>

    Hacer una lista sn orden alguno.

    <dl>

    Hacer una lista descriptiva.

    Vous aimerez peut-être aussi