Sergio-franco | codigos, tutoriales, scripts, ayuda PWG, plantillas y mucho mas !

introduccion-html2

A continuación veremos algunas tags y atributos para decorar textos , esto nos ayudara a darle un toque personal a nuestra web
<b> - </b> con esta etiqueta podremos hacer negrito nuestro texto.
<strong> - </strong> la función de esta etiqueta es igual a la de <b> - </b>
<u> - </u> esta etiqueta sirve para subrayar el texto.
<em> - </em> poner texto en itálica.
face="X" este atributo nos permite definir un tipo especifico de tipografía.
size="X" Atributo para definir el tamaño de nuestra tipografía.
Color="X" Atributo para definir el color de nuestra tpografía..
Ejemplo de como combinar los atributos face , size y color.
<font face="Arial, Helvetica, sans-serif" color="#bfc203" size="12px">
<table> - </table> Tags que indican la presencia de una tabla .
<tr> - </tr> tag que indica una fila dentro de nuestra tabla.
<td> - <td> tag que indica una columna o celda dentro de las filas de una tabla.
valign="X" Podemos elegir si queremos que el texto aparezca arriba (top), en el centro (middle) o abajo (bottom) de la celda.
bordercolor="X" Define el color del borde.
align="X" Justifica el texto de la celda del mismo modo que si fuese el de un párrafo.
background="X" Nos permite colocar un fondo para la celda a partir de un enlace a una imagen o un color.
colspan="X" Expande una celda horizontalmente.
rowspan="X" Expande una celda verticalmente.
width="X" Define la Anchura de la celda en pixels o porcentaje.
heiht="X" Define la altura de la celda en pixels o porcentaje.
Ejemplo de combinación de tags y atributos:
<table width="300" heigth="100" border="1"> <tr> <td colspan="2"> ejemlo de colspan </td> </tr> <tr> <td> ejemplo de celda</td> <td> otra celda </td></tr> </table>
el código anterior ejecutado seria de la siguiente manera :
ejemlo de colspan
ejemplo de celda otra celda
<center></center> tags para centrar imágenes , textos etc.
<hr /> tag para poner una barra espaciadora se le pueden agregar atributos (width , height , style).
<br /> Hacer un salto de linea.
Espero te sirva esta pequeña introducción a html cual quier duda que tengas mándame un mensaje através de PWG.

Recursos Webmaster


Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis