Manual de html
-
Upload
azahara-gomez -
Category
Documents
-
view
216 -
download
0
description
Transcript of 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í:
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>
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í:
Los textos también se pueden poner subrayados utilizando la etiqueta <u> y </u>Ver ejemplo:
El código fuente seria así:
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:
El fondo de la pagina se puede poner en color con la etiqueta <body bgcolor=”red”> y </body>Ver ejemplo:
Ver código fuente:
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:
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:
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:
Para poner los enlaces en html se utiliza la etiqueta <a href=”dirección”> y </a>Ver ejemplo:
Ver código fuente: