- Awards
- 38
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
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
utilizando el elemento style pero en vez de utilizar el <h1> utilizaremos el <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;
lo que nos daría Hello
también podemos utilizar el color Hex:
por lo cual saldría exactamente idéntico que antes.
Se pueden añadir muchos elementos en el style.
Los elementos serán:
Se pueden añadir mas elementos, como el position, que permite escribir un texto y ponerlo en donde lo queramos en la pagina
añadiéndole después utilizando el ; , el sitio izquierda o derecha , como
Hay que notar, que si queremos hacerlo en negrita o subrayado o bien italico podremos añadir el elemento:
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
HTML:
<h1> Hello </h1>
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
Código:
font-size
HTML:
<p style="font-size:30px"> Hello </p>
podemos añadir el elemento color, que puede cambiar el color de un texto, ya sea por escrito on en hex;
HTML:
<p style="font-size:30px;color:blue"> Hello </p>
también podemos utilizar el color Hex:
HTML:
<p style="font-size:30px;color:#0000FF"> Hello </p>
Se pueden añadir muchos elementos en el style.
Los elementos serán:
HTML:
<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
HTML:
position:absolute
position:relative
HTML:
<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:
HTML:
<u> Subrayado </u>
<i> italico</i>
<strong> Negrita </strong>