Manual de html

14
MANUAL DE HTML Las partes de un texto en html son las siguientes: El encabezado que se pone con las etiquetas de <head> y </head> El cuerpo con las etiquetas de <body> y </body> Para poner un texto en negrita en html se utiliza la etiqueta <b> y </b> Para poder separar los párrafos en html se utiliza la etiqueta de <p> y </p> Los párrafos también se pueden poner en distintas alineaciones centradas con las etiquetas <p align=”center”> y </p> alineadas a la derecha <p align=”right”> y </p> y alineados a la izquierda <p align=”left”> y </p> Podemos ver un ejemplo aquí:

description

resumen html

Transcript of Manual de html

Page 1: Manual de html

MANUAL DE HTML

Las partes de un texto en html son las siguientes:El encabezado que se pone con las etiquetas de <head> y </head>El cuerpo con las etiquetas de <body> y </body>Para poner un texto en negrita en html se utiliza la etiqueta <b> y </b>Para poder separar los párrafos en html se utiliza la etiqueta de <p> y </p>Los párrafos también se pueden poner en distintas alineaciones centradas con las etiquetas <p align=”center”> y </p> alineadas a la derecha <p align=”right”> y </p> y alineados a la izquierda <p align=”left”> y </p>

Podemos ver un ejemplo aquí:

Page 2: Manual de html

Ver código fuente:

Si un párrafo lo queremos poner de la misma forma alineado para ahorrar poner tantas etiquetas podemos poner la etiqueta <div>Se pondría de la siguiente manera: <div align=”center”><p> y </p><p> y /p></div>

Page 3: Manual de html

Los párrafos se pueden poner de distinto tamaño de letra utilizando la etiqueta <h1> para los encabezados más grandes y así sucesivamente hasta <h6> para los más pequeños

Ver ejemplo:

El código fuente seria así:

Page 4: Manual de html

Los textos también se pueden poner subrayados utilizando la etiqueta <u> y </u>Ver ejemplo:

El código fuente seria así:

Page 5: Manual de html

Para el formato del texto se utiliza la etiqueta <font> pero esta etiqueta tiene varios atributos como el del tipo de letra que seria <font face=”Comic Sans MS”> y </font>También para el tamaño de la letra que existen 7 niveles, numerados del 1 al 7 por orden creciente seria <font size=”5”> y </font>También para el color de la letra, los nombres de los colores se tienen que poner en ingles seria <font color=”red”> y </font>

Ver ejemplo:

Ver código fuente:

Page 6: Manual de html

El fondo de la pagina se puede poner en color con la etiqueta <body bgcolor=”red”> y </body>Ver ejemplo:

Ver código fuente:

Page 7: Manual de html

En el fondo de la pagina también se puede poner una foto con la etiqueta <body background=”dirección de la foto”> y </body>Ver ejemplo:

Ver código fuente:

Page 8: Manual de html

Para poner imágenes en los ficheros de html se utiliza la etiqueta <img src=”dirección foto”> si la foto queda un poco pequeña o grande se pueden utilizar los atributos height y width para ajustar el tamaño.Ver ejemplo:

Ver código fuente:

Page 9: Manual de html

Para realizar tablas se utiliza la etiqueta <table> con los atributos de borde y color seria: <table border=”10” bgcolor=”red”>Para realizar las líneas en las tablas se utiliza <tr> y </tr> y para realizar las celdas se utiliza <td> y </td>Ver ejemplo:

Ver código fuente:

Page 10: Manual de html

Para poner los enlaces en html se utiliza la etiqueta <a href=”dirección”> y </a>Ver ejemplo:

Ver código fuente:

Page 11: Manual de html