Upload
miquel-castillejos-gomez
View
216
Download
2
Embed Size (px)
DESCRIPTION
Glosario de Instrucciones de HTML para consulta
Citation preview
INSTRUCCIONES BÁSICAS EN HTML
SUBRAYAR UNA PALABRA Si quieres subrayar la palabra Wordpress Tendríamos que utilizar la siguiente instrucción:
<u>Wordpress</u>
Por tanto:
<u> </u> sirven para subrayar una parte del texto.
PONER UNA PALABRA EN NEGRITA Si quieres resaltar la palabra Wordpress Tendríamos que utilizar la siguiente instrucción:
<strong>Wordpress</strong>
Por tanto:
<strong> </strong> sirven para poner en negrita una parte del texto.
CREAR UNA LISTA, para enumerar una serie de puntos:
Si quisiéramos crear una lista así:
- Introducción a Wordpress
- Publicar una web
- Mejorar el aspecto de la web
Tendríamos que utilizar las siguientes
instrucciones: <ul>
<li> Introducción a Wordpress </li>
<li> Publicar una web </li>
<li> Mejorar el aspecto de la web </li>
</ul>
Por tanto:
<ul> : sirve para comenzar la lista;
</ul> : sirve para finalizar la lista;
<li> </li> : sirve para añadir un elemento a la lista
INCLUIR UNA IMAGEN
Si quieres incluir una imagen que se
llame FOTO.JPG
Tendríamos que utilizar la siguiente instrucción:
<IMG SRC ="FOTO.JPG" height = ... width =
...>
Por tanto:
<IMG SRC=”…………” height=…. Width=….> sirve para insertar una
imagen.
INCLUIR UN ENLACE A UNA WEB
Para poner un enlace a la web del
instituto
Tendríamos que utilizar la siguiente instrucción:
<a href="http://www.ieselpalo.com">IES EL PALO
</a>
Por tanto:
<a href=http://www....> </a> : sirve para poner un enlace a una web
PARA CREAR UNA TABLA
Debes utilizar una instrucción <TR> por cada fila, y una instrucción <TD> por cada elemento
dentro la fila. A continuación de <TD> escribirás lo que quieras que aparezca en ese elemento
de la tabla.
<TABLE> <TR> en cada fila </TR>
<TD> dentro de cada fila, uno por cada elemento que queramos incluir</TD>
</TABLE>
EJEMPLO DE TABLA <table>
<tr>
<td><img src="roma_ciudad_abierta.jpg" width="223" height="162"></td>
<td><img src="septimo_sello.jpg" width="253" height="190"></td>
<td><img src="perro_andaluz.jpg" width="235" height="153"></td>
</tr>
<tr>
<td> <div align="center">Roma, ciudad abierta</div> </td>
<td> <div align="center">El séptimo sello</div> </td>
<td> <div align="center">Un perro andaluz</div> </td>
</tr>
</table>