Etiquetas de HTML


Crear párrafos con <P>

La marca <P> sirve para definir un nuevo párrafo de texto, indicando al navegador que el mismo debe empezar en una nueva línea y colocarse a la derecha, a la izquierda o centrado. Si no se especifica otra cosa, la marca <P> alinea el texto por defecto a la izquierda. Para indicar otros tipos de alineación, existen atributos específicos:

<P ALIGN=left>
Define un párrafo y alinea el texto a la izquierda(left).

<P ALIGN=right>
Define un párrafo y alinea el texto a la derecha (right).

<P ALIGN=center>
Define un párrafo y centra el texto (center).


Líneas horizontales con <HR>

Las líneas horizontales constituyen un instrumento idóneo para dividir partes del documento y hacer más legible el texto. La sintaxis necesaria para su inserción en un documento HTML es la siguiente:

<HR align="CENTER" size="2" width="400" color="Red" noshade>

La marca HR (acrónimo de Horizontal Rule) no necesita cierre. Consta de diversos atributos:


  • aling="CENTER": define la alineación de la línea (center, right, left).

  • size="2": define el grosor, en píxel, de la línea.

  • width="400": define la longitud horizontal, en píxel, de la línea. Puede también expresarse en tanto por cien respecto al espacio a disposición: width=80%.

  • color="RED": define el color de la línea.

  • noshade: si este atributo está presente, elimina el efecto 3D de la línea. Si no está presente, produce dicho efecto. 
  •  

                                                                    ENCABEZADOS
    Puede que queramos empezar nuestra web o nuestro texto con un encabezado indicando el título del artículo, categoría, etc. Pues bien, para escribir encabezados disponemos de las etiquetas <h>.
    Esta etiqueta viene acompañada de un número, desde el 1 hasta el 6, predefiniendo éstos el tamaño del encabezado. Así, <h1> sería el encabezado más grande mientras que <h6> sería el más pequeño.
    A continuación mostramos un código ejemplo de los seis diferentes encabezados:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Ejemplo del uso de encabezados - aprenderaprogramar.com</title>
    </head>
    <body>
    <h1>Texto muy grande</h1>
    <h2>Texto grande</h2>
    <h3>Texto algo más grande de lo normal</h3>
    <h4>Texto normal</h4>
    <h5>Texto pequeño</h5>
    <h6>Texto muy pequeño</h6>
    </body>
    </html>

                                                      Salto de línea
       Su utilidad es similar al anterior pero en este caso el espaciado del texto es menor, se pasará a la línea siguiente, sin dejar una línea de separación. En este caso será un cambio de línea y no de parrafo. Igualmente no es necesario usarlo tras los elementos que llevan implícitos un salto de línea, ni tampoco es necesaria la etiqueta de fin </BR>.
    Ejemplo

    Inst.
    HTML
    Esta es una frase de la primera línea.<BR>Esta es la siguiente línea
    Resul
    tado
    Esta es una frase de la primera línea.
    Esta es la siguiente línea
    Explica
    ción
    En el punto donde se ha introducido la instrucción HTML de nueva línea se observa el cambio de línea.

                                        Alineación

    Es posible alinear elementos en bloque (tablas, imágenes, objetos, párrafos, etc.) en el lienzo con el atributo align. Aunque este atributo se puede establecer en muchos elementos HTML, su rango de valores posibles difiere en ocasiones de unos elementos a otros. Aquí sólo se considera el significado del atributo align para texto.
    Definiciones de atributos
    align = left|center|right|justify [CI]
    Desaprobado. Este atributo especifica la alineación horizontal de su elemento con respecto al contexto circundante. Valores posibles:
    • left: las líneas de texto se representan con los bordes izquierdos alineados.
    • center: las líneas de texto son centradas.
    • right: las líneas de texto se representan con los bordes derechos alineados.
    • justify: las líneas de texto se justifican en ambos márgenes.
    El valor por defecto depende de la dirección base del texto. Para un texto de izquierda a derecha el valor por defecto es align=left, mientras que para un texto de derecha a izquierda el valor por defecto es align=right.
    EJEMPLO DESAPROBADO:
    Este ejemplo centra un encabezado en el lienzo.
    <H1 align="center"> Cómo Tallar la Madera </H1>
     
    integrantes del equipo:
    Luz Elena Roblez Cruz
    Daniela Sarahi Medina Martinez



    1.- http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=489:encabezados-html-h1-a-h6-parrafos-aplicar-estilos-y-etiqueta-pre-texto-preformateado-ejemplo-cu00715b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192
    2.-http://www.htmlpoint.com/guida/html_07.htm 
    3.-www2.uca.es/manual-html/saltlin.htm
    4.-http://html.conclase.net/w3c/html401-es/present/graphics.html

    Comentarios

    Entradas populares de este blog

    Xampp

    Blog