Instrucciones HTML
-
Upload
miquel-castillejos-gomez -
Category
Documents
-
view
217 -
download
2
description
Transcript of Instrucciones HTML
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>