2
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.

Instrucciones HTML

Embed Size (px)

DESCRIPTION

Glosario de Instrucciones de HTML para consulta

Citation preview

Page 1: 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.

Page 2: Instrucciones HTML

<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>