Scribd Logo
Importer

Bienvenue sur Scribd !

  • Insertar Textos en HTML

    Transféré par

    freddy1982
    11 vues3 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é
    11 vues3 pages

    Insertar Textos en HTML

    Transféré par

    freddy1982
    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 3

    2.

    Insertar textos en HTML (I)


    2.1 Títulos y párrafos.

    Elementos de bloque y en línea.

    Gran parte del contenido de las páginas web habituales está formado por texto. Por esto, es
    muy importante conocer los elementos y etiquetas que utiiza el HTML para manejar los
    textos. El código HTML tiene varias etiquetas para diferenciar el contenido de texto en
    secciones (o títulos) y párrafos. También tiene otras etiquetas para marcar o destacar
    elementos importantes dentro del texto.

    Las etiquetas que delimitan secciones (títulos) y párrafos se definen como elementos de
    bloque.

    los elementos de bloque son aquellos que tienden a ocupar todo el ancho de la página. De
    esta manera, párrafos, títulos, elementos de una lista, etc.. son elementos de bloque, ya que
    de no indicarse otra cosa ocuparán todo el ancho disponible. En ellos aunque el texto o
    elemento no ocupe toda la línea, el siguiente elemento se colocará en la línea siguiente.

    Se definen como elementos en línea aquellos que no ocupan más que el espacio necesario
    para ser visualizados. Los enlaces, etiquetas para texto en negrita, cursiva o subrayado, las
    imágenes, etc. son elementos en línea, ya que de no indicar otra cosa, el siguiente elemento
    se verá a continuación de éste y en la misma línea.
    Los títulos y párrafos, de los que nos ocupamos en esta página, son por tanto, elementos de
    bloque, todos ellos provocan un salto de línea, tanto de su elemento anterior, como del
    siguiente elemento que ha de visualizarse. Por supuesto, si dos títulos o párrafos van
    seguidos, se provoca un único salto de linea entre los dos.

    Párrafos

    Tal vez la etiqueta más utilizada en la composición de páginas sea la etiqueta que define los
    párrafos. esta es la etiqueta:

    <p> Texto_del_parrafo </p>

    Para crear un párrafo se encierra su texto entre las etiquetas <p> ..... </p>. Los párrafos
    creados con HTML son elementos de bloque, por lo que siempre ocupan toda la anchura
    del elemento que los contiene (por defecto la ventana del navegador). La etiqueta crea un
    salto de línea de manera que el elemento siguiente se coloca siempre empezando una nueva
    línea.

    Etiquetas de Títulos

    Hay hasta 6 etiquetas en HTML para definir títulos o secciones. Todas ellas llevan por
    defecto el texto en negrita, y son: <h1>, <h2>, <h3>, <h4>, <h5> y <h6>. La etiqueta
    <h1> es la de mayor importancia y por tanto se utiliza para definir los titulares de la página.
    La importancia del resto de etiquetas es descendente, de forma que la etiqueta <h6> es la
    que se utiliza para delimitar las secciones menos importantes de la página.

    Todas ellas tienen su respectiva etiqueta de cierre, y al igual que en los párrafos, el texto del
    título va encerrado entre las etiquetas de apertura y cierre:

    <h1> Texto_del_título de nivel 1 </h1>

    <h2> Texto_del_título de nivel 2 </h2>

    ..............

    <h6> Texto_del_título de nivel 6 </h6>

    Al igual que los párrafos, estas son etiquetas de bloque, de manera que empiezan siempre al
    principio de una nueva línea y provocan que el elemento siguiente se coloque siempre al
    principio de una nueva línea.
    El tamaño del texto de las etiquetas va decreciendo desde la h1 con un tamaño más grande
    a la h6 que es la de menor tamaño.

    Ejemplo de página con los distintos tipos de etiquetas

    Un buen ejercicio es hacer una página en la que se vea la diferencia entre las etiquetas que
    hemos visto anteriormente, nosotros vamos a hacerlo a continuación.

    El siguiente código es el de una página en el que se muestran los distintos tipos de etiquetas
    de bloque vistos hasta ahora:

    <html>
    <head>
    <title>Títulos y parrafos</title>
    </head>
    <body>
    <h1>Titulo de nivel 1: Etiqueta h1</h1>
    <h2>Titulo de nivel 2: Etiqueta h2</h2>
    <h3>Titulo de nivel 3: Etiqueta h3</h3>
    <h4>Titulo de nivel 4: Etiqueta h4</h4>
    <h5>Titulo de nivel 5: Etiqueta h5</h5>
    <h6>Titulo de nivel 6: Etiqueta h6</h6>
    <p>Este es un párrafo que esta delimitado por la etiqueta p
    de párrafo. y es un elemento de bloque al igual
    que los anteriores, por eso al acabar el texto salta
    a la línea siguiente.</p>
    <p>Este es otro párrafo, tambien creado con la etiqueta p,
    pero más corto.</p>
    </body>
    </html>

    Vous aimerez peut-être aussi