FORMA SIMPLE DE ORGANIZAR TEXTO EN HTML. > TECNOLOSFERA! Aprendiendo Juntos.
  • TECNOLOSFERA-Mortal-Kombat
  • TECNOLOSFERA-ZOMBIES
  • TECNOLOSFERA-TELEFONOMOVIL-CHINO
  • TECNOLOSFERA-SMARTPHONE
  • TECNOLSFERA-APPLE

Novedad.

Posted by TECNOLOSFERA! Unknown
ETIQUETA <p>.

TECNOLOSFERA-HTML

La etiqueta <p></p> es fundamental en los documentos de Html pues se utiliza para estructurar el texto de un documento, como si se tratara de un párrafo cualquiera en un libro.
Es decir se puede separar en sectores para organizar efectivamente dicho documento.

Un ejemplo de como se utiliza dicha esa etiqueta es encerrar el texto que se transformará en un párrafo :

<!DOCTYPE html>
<html>

    <title>Ejemplo de etiqueta p.</title>

    <body>
            <p>Estructurar un documento es fundamental para permitir al usuario la buena                        navegación y comprensión del mismo.Una buena herramienta es la etiqueta de                  párrafo pues ayuda a definir los distintos párrafos del documento.
            </p>
            <p>Los diferentes navegadores ajustan el párrafo ya que estos ocupan varias líneas                  y se encarga de separar los diferentes párrafos.
            </p>
    </body>

</html>

Visualice en su navegador el anterior código para ver cómo los navegadores definen los distintos párrafos y podrá ver como lo puede estructurar a su parecer, además la ventaja que nos aporta es que podemos hacer cambios inmediatos de nuestro código

Los atributos que la etiqueta <p></p> puede utilizar son los de idioma, básicos y para realizar eventos.Aunque no posee atributos propios, es decir, dentro de la etiqueta de inicio de párrafo no se utiliza ningún atributo, se escribe tal cuál la hemos visto.
Los párrafos son elementos de bloque y ocupan siempre toda la línea de la ventana del navegador así el texto no llegue a hasta el final de la línea.

Etiqueta para definir títulos <h1>.

Como todos hemos visto en los diferentes escritos sean a mano o virtuales , todos sectorizamos estos documentos escribiendo títulos, definiendo títulos más pequeños y párrafos etc. En html el lenguaje define diferentes tipos de títulos que suelen empezar por el más importante, otro título de segundo nivel, otro de tercer nivel y así sucesivamente hasta el número 6.

Esto se hace con las etiquetas :

<h1></h1>       <----------------- DEFINE TÍTULO DE PRIMER NIVEL.
<h2></h2>       <----------------- DEFINE TÍTULO DE SEGUNDO NIVEL.
<h3></h3>       <----------------- DEFINE TÍTULO DE TERCER NIVEL.
<h4></h4>       <----------------- DEFINE TÍTULO DE CUARTO NIVEL.
<h5></h5>       <----------------- DEFINE TÍTULO DE QUINTO NIVEL.
<h6></h6>       <----------------- DEFINE TÍTULO DE SEXTO NIVEL.

Los títulos de primer nivel son los más importantes y su grado de importancia va descendiendo hasta llegar al nivel 6 , es decir, los títulos de primer son los que se utilizan para escribir encabezados de página y el tamaño de las letras es muy grande , dicho tamaño va siendo más pequeño a medida que va decayendo hasta el nivel 6, por lo que este último es el título que se utiliza para definir argumentos menos importantes y con un tamaño de texto muy pequeño.

Además los buscadores tienen a darle más importancia a las etiquetas <h1></h1> pues determinan la mayor importancia del texto y automáticamente les signa un tamaño de letra. Por esto es más probable que para buscar un documento en la web los buscadores tengan en cuenta las etiquetas de primer que un documento escrito cuyo encabezado este definido con una etiqueta de sexto nivel <h6></h6>.

ETIQUETA <H1>TAMAÑO DE TÍTULO</H1>.

ETIQUETA <H2>TAMAÑO DE TÍTULO</H2>.

ETIQUETA <H3>TAMAÑO DE TÍTULO</H3>.

ETIQUETA <H4>TAMAÑO DE TÍTULO</H4>.

ETIQUETA <H5>TAMAÑO DE TÍTULO</H5>.

ETIQUETA <H6>TAMAÑO DE TÍTULO</H6>.


Los atributos de las etiquetas anteriormente mencionadas son iguales para todos sus seis niveles y son los básicos, de idioma o internacionalización y eventos.También crean elementos de bloque y no poseen atributos propios o específicos.



Siguiente lección : Destacar importancia de texto en documentos HTML.




tecnolosfera_ultimos_productos tecnolosfera_mas_productos tecnolosfera_home

0 comentarios:

Publicar un comentario

Translate

Formulario de contacto.

Nombre

Correo electrónico *

Mensaje *