Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Etiquetas de HTML

    Cargado por

    Rosy Bastidas
    12 vistas6 páginas
    Descripción y como usar las etiquetas html

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Descripción y como usar las etiquetas html

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    12 vistas6 páginas

    Etiquetas de HTML

    Cargado por

    Rosy Bastidas
    Descripción y como usar las etiquetas html

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 6

    Mini-manual con los elementos bsicos de HTML

    El lenguaje HTML es el lenguaje con el que se escriben las pginas web y


    que entienden los navegadores, de modo que quede determinada la forma
    en que mostrar la informacin (qu tipos, tamaos y colores de las letras,
    dnde colocar las imgenes, cmo enlazar a otras pginas, ...).
    Estructura de una pgina web

    cdigo

    <html>
    <head>
    <title>Primera pagina de Pepe</title>
    </head>
    <body>
    &Eacute;sta es la primera p&aacute;gina de Pepe
    </body>
    </html>

    ttulo

    Primera pagina de Pepe

    visualizacin

    sta es la primera pgina de Pepe

    <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 linea 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:

    Tachado:

    Grande:

    Pequea:

    Superndice:

    Subndice:

    <U></U>
    <TT></TT>
    <STRIKE></STRIKE>
    <BIG></BIG>
    <SMALL></SMALL>
    <SUP></SUP>
    <SUB></SUB>

    Formatos Lgicos:

    Cita:

    <CITE></CITE>

    Cdigo:

    <CODE></CODE>

    Definicin:

    nfasis:

    <EM></EM>

    Grueso:

    <STRONG></STRONG>

    Palabras clave:

    Ejemplos:

    Usuario:

    Variables:

    <DFN></DFN>

    <KEY></KEY>

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

    Ejemplo literal:
    dentro)

    <XMP>...</XMP> (ignora las etiquetas HTML de

    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
    <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">
    Muestra una imagen, que normalmente es de tipo GIF o JPG
    Admite atributos.
    Tablas
    Permite organizar la informacin en tablas.
    Tambin sirve para maquetar (dar forma general) al aspecto de la pgina.

    También podría gustarte