Aprendiendo un poco de código html para usar en sus textos
Volver al índice de la ayuda conocer mas a fondo sobre html
Muchas veces es mejor ver el código html directamente y escribir los textos sencillos usando el código. resulta muchísimo mas sencillo lograr un formato elegante de esta manera. solo hay que aprender ciertos códigos que le dan formato al texto. Por lo general usted deberá " encerrar" el texto que quiere entre códigos que tienen este formato:
< tag > para " abrir" (declara ue a partir de aquí tiene efecto el codigo. y
< / tag > para " cerrar" (declara que hasta aquí tiene efecto el código .
Entones si usted escribe <b> hola </b>, su texto se verá asi: hola
elementos básicos
Modificadores del texto:
<b>texto en negritas</b>
<i>texto en itálica </i>
Párrafos
<p>texto en forma de párrafos</p>
<p align="right">texto en forma de párrafo alineado a la derecha</p>
<p align="center">texto en forma de párrafo alineado a la derecha</p>
Salto de línea
sencillo: <br> (al final dela línea. por lo general se usa DENTRO de un parrafo.)
Listas
<ul>: abre una lista con viñeta
</ul>: cierra la lista con viñeta
<ol>: abre lista ordenada o numerada
</ol>: cierra lista ordenada o numerada
<li>: abre ítem de lista
</li>: cierra Ítem de lista
Una lista sencilla se podría ver asi en forma de código html:
<ul>
<li>Perro</li>
<li>Gato</li>
<li>Caimán</li>
</ul>
Y se verá así en la página web:
- Perro
- Gato
- Caim�n
O si elige hacerla con números:
<ol>
<li>Perro</li>
<li>Gato</li>
<li>Caimán</li>
</ol>
... y se verá asi:
- Perro
- Gato
- Caim�n
Títulos
<h1> titulo Nivel 1</h1>
<h2> titulo Nivel 2</h2>
<h3> titulo Nivel 3 </h3>
... etc etc.
Imágenes
Si desea insertar una imagen en el texto debe primero conocer el URL o dirección de la imagen y luego podrá escribir:
<img src="URL DE LA IMAGEN AQUI" height="ALTO DE LA IMAGEN" width="ANCHO DE LA IMAGEN" align="LEFT O RIGHT" vspace="ESPACIADO VERTICAL" hspace="ESPACIADO HORIZONTAL">
Por ejemplo: si escribimos:
<img src="https://lh4.googleusercontent.com/-BaRBBMdMdgI/AAAAAAAAAAI/AAAAAAAAAAA/A_xsyTKuo44/photo.jpg" width="128" height="128" hspace="5" vspace="5">
El resultado es este:
Si queremos que nuestra imagen esté alineada a la izquierda, dentro de un párrafo, deberíamos usar algo como esto:
<p><img src="https://lh4.googleusercontent.com/-BaRBBMdMdgI/AAAAAAAAAAI/AAAAAAAAAAA/A_xsyTKuo44/photo.jpg" width="128" height="128" hspace="5" vspace="5" align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate accumsan elit ac feugiat. Vivamus eu sem massa. Curabitur et mi urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean quis libero vitae purus pharetra feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
... y se ver� asi:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate accumsan elit ac feugiat. Vivamus eu sem massa. Curabitur et mi urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean quis libero vitae purus pharetra feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Si queremos usar el mismo tamaño que ya trae la imágen , podemos obviar el atributo width="xxxx" y height="xxxx"
Otras opciones para la alineación de la imagen son:
left , right, middle, absolute middle, absolute bottom, textbottom, texttop, none, baseline, top, bottom,