Issuu on Google+

MANUAL DE HTML El diseño de HTML consta de dos partes: El encabezado que se identifica con las etiquetas <head> </head> y el cuerpo que son las etiquetas <body></body> El texto de HTML tiene distintos formatos. Nos encontramos el texto negrita, con las etiquetas <b> </b>, el texto en cursiva con las etiquetas <i> </i> y con el texto en movimiento que se utiliza con la etiqueta <marquee> </marquee>. Para que el texto sea separado, en HTML se utiliza la etiqueta de <p> </p>. Hay distintos párrafos como el centrado <p align=”center” texto </p> el texto a la derecha <p align=”right” texto </p> y el texto a la izquierda <p align=”left” texto </p> Veamos un ejemplo:


Los párrafos también tiene distintos tamaños que se identifican con la etiqueta <h1> para el mas grande y así sucesivamente hasta el mas pequeño que es la letra <h6> Ejemplo:

Para el formato del texto se utiliza la etiqueta <font> pero este tiene varios atributos como el color de la letra que se utilizara con la etiqueta face que seria: <font face=”Comic Sans MS”> texto </font> También otro atributo que aparece es el tamaño, que existen 7 tamaños y van en orden creciente desde el 1 hasta el 7, y se identifica con el atributo size. Sería: <font size=”5”> texto </font> Por ultimo está el color de la letra, que los nombres de los colores aparecen en ingles. Sería: <font color=”red”> texto </font>


Veamos un ejemplo:

El fondo de la pagina se puede poner de color con la etiqueta: <body bgcolor=â&#x20AC;?pinkâ&#x20AC;? y </body>. Veamos el ejemplo:


También en el fondo de la página se puede escribir un texto, cuyo resultado seria:

y su código de fuente, sería el siguiente:


En el fondo de la página también se puede poner una foto con la etiqueta: <body background=”dirección de la foto”></body> y también se puede escribir texto sobre el fondo. Ejemplo:

Su código fuente seria:


Para poner una imagen pero normal con el fondo en color utilizamos la etiqueta: <body><img src=”dirección de la foto”></body> Ejemplo:

Su código fuente sería:


Para realizar tablas se utiliza la etiqueta <table> y puede formar los atributos de borde y color.” Con los atributos seria <table border=”8” bgcolor=”pink”>. Para realizar las líneas de las tablas se utiliza <tr></tr> y para las celdas se utiliza <td></td> Ejemplo

Su código fuente es:


HTML