Tutorial Element <p> & <h1> Text

[Alex]

Hola a todos,

Hoy veremos un elemento fácil en Html, escribir texto en su pagina web mediante el uso del <p> o <h1/2/3/4/5/6> para títulos.

Primeramente si escribimos

<h1> Hello </h1>

Obtendremos el titulo de Hello en grande tamaño,
Esto puede ser ya, h2, h3, hasta h6 en función del tamaño de texto que queráis, ahora bien, si queréis hacerlo mas grande es totalmente possible añadiendo el elemento

 font-size

utilizando el elemento style pero en vez de utilizar el <h1> utilizaremos el <p>;

<p style="font-size:30px"> Hello </p>

Eso seria para obtener un titulo de tamaño 30px.

podemos añadir el elemento color, que puede cambiar el color de un texto, ya sea por escrito on en hex;

<p style="font-size:30px;color:blue"> Hello </p>

lo que nos daría Hello
también podemos utilizar el color Hex:

<p style="font-size:30px;color:#0000FF"> Hello </p>

por lo cual saldría exactamente idéntico que antes.

Se pueden añadir muchos elementos en el style.

Los elementos serán:

<p>Hello</p>
<h1>Hello</p>
<h2>Hello</h2>
....
<h6>Hello</h6>
<p style="font-size:30px">Hello</p>
<p style="color:blue">Hello</p>

Se pueden añadir mas elementos, como el position, que permite escribir un texto y ponerlo en donde lo queramos en la pagina

position:absolute
position:relative

añadiéndole después utilizando el ; , el sitio izquierda o derecha , como

 <p style="position:absolute;left:0px;font-size:30px;color:blue">

Hay que notar, que si queremos hacerlo en negrita o subrayado o bien italico podremos añadir el elemento:

<u> Subrayado </u>
<i> italico</i>
<strong> Negrita </strong>