REALIZAR PÁGINA WEB CON CÓDIGO HTML
Aquí os dejo un archivo paa crear elementos atractivos con Gimp para añadir a vuestras páginas web creadas con Html para los filósofos de los fotomontajes

Estupendo archivo para estudiar antes de exámene del martes

Creacion de Paginas Web en HTML


1. Crear la estructura mínima de etiquetas que debe contener cualquier página Web

<HTML>
<HEAD>
<TITLE>Primera página</TITLE>
</HEAD>
<BODY>
...
</BODY>
</HTML>

2. Nombra las etiquetas que se utilizan para dar los siguientes formatos al texto: negrita, subrayado, itálica,
superíndice y subíndice.

Negrita: <b> texto en negrita </b>
Subrayado: <u> texto surbrayado </u>
Italica: <i>texto en italica</i>
Superindice: <SUP>Superíndice</SUP>
Subindice: <SUB>Subindice</SUB>

3. Describe el efecto que produce la siguiente etiqueta: <font face=”Helvetica”, size=”6”, color=”#0000FF”>

escribe lo que pongas a continuacion en la fuente helvetica tamaño 6 color negro

4. Di para qué se usan las siguientes etiquetas: <&nbsp>, <&gt>, <&lt>. <pre>, <br>, <h7>

<&nbsp>es un espacio,ya que html solo acepta el primer espacio que le pones
<&gt> "escribe" el icono >
<&lt> "escribe" el icono <
<pre> El texto insertado entre las marcas <PRE> y </PRE> será visualizado por el navegador respetando el formato con el que fue escrito en el fichero fuente HTML
<br> añade un salto de linea(un enter)
<h7> parece un titulo de tamaño 7 pero los titulos solo llegan a tamaño 6

5. Deduce qué efecto producen las siguientes líneas: <hr with=”100” align=”center”, size=”15”>

crea una linea horizontal en la pagina de ancho 100 centrada y de alto 15

6. Di porqué la siguiente línea no produce ningún efecto sobre el texto: <!--img src=”gato.gif”-->

porque los caracteres del principio y el final son para hacer comentarios en el script html

7. ¿Qué etiquetas necesitas para crear un enlace interno?

<a href="#enlace">enlace</a>

<a name="enlace"></a>enlace

8. ¿Qué etiquetas se usan para crear listas ordenadas y desordenadas?

Desordenadas:
<ul>
<li>Primer término de la lista</li>
<li>Segundo término</li>
<li>Tercer término</li>
</ul>

Ordenadas:
<ol type="1">
<li>Primer término de la lista</li>
<li>Segundo término</li>
<li>Tercer término</li>
<li>Cuarto</li>
<li>Quinto</li>
</ol>

9. ¿Qué etiquetas necesitas usar para crear una tabla?

<TABLE> y </TABLE> son las etiquetas donde está contenida la tabla
<TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila (<th> y </th> si es una fila de cabecera)
<TD> y </TD> señalan una celda.


10. Describe qué efecto producen los siguientes atributos de la etiqueta <img src>:

align=top: si queremos que el texto esté alineado con la parte superior de la imagen
align=middle: alinea el texto con la parte central de la imagen
align=bottom: alinea el texto con la parte inferior de la imagen
align=left:alinea la imagen a la izquierda de la página forzando la colocación del texto en la parte derecha y arriba
border: borde a modo de marco
Alt: texto que aparece al situar el cursor sobre la imagen
width: anchura de la imagen
heigh: altura de la imagen
hspace: espacio horizontal que separa la imagen del texto que la rodea
vspace: espacio vertical que separa la imagen del texto que la rodea

1. Escribe una página cuyo texto sea:

listacomprarecetahorario.png
listacomprarecetahorario.png



lcrchorariooiorioiror.png
lcrchorariooiorioiror.png


<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>listarecetahorariohtmlll</title>
</head>
<body>
<strong style="font-weight: bold;">Lista de la compra</strong><br>
<ul>
<li><strong style="font-weight: normal;">Lechuga</strong></li>
<li><strong style="font-weight: normal;">Filetes de pollo</strong></li>
<li><strong style="font-weight: normal;">Manzana</strong></li>
<li><strong style="font-weight: normal;">Queso de cabra</strong></li>
</ul>
<p><br>
Receta de cocina<br>
</p>
<ol>
<li>Hacer la masa y dejarla reposar</li>
<li>Pelar, lavar y cortar las manzanas</li>
<li>Estirar la masa sobre la bandeja</li>
<li>Meter al horno hasta que se haga</li>
</ol>
<p><br>
</p>
<div style="text-align: left;">&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; Horario<br>
</div>
<p></p>
<table style="width: 381px; height: 108px;" border="1" cellpadding="2"
cellspacing="0">
<tbody>
<tr>
<td style="font-weight: bold;">Lunes</td>
<td style="font-weight: bold;">Martes</td>
<td style="font-weight: bold;">Miércoles</td>
<td style="font-weight: bold;">Jueves</td>
</tr>
<tr>
<td>Aeróbic</td>
<td>Natación</td>
<td>Aeróbic</td>
<td>Natación</td>
</tr>
<tr>
<td>Pilates</td>
<td>Yoga</td>
<td>Pilates</td>
<td>Yoga</td>
</tr>
<tr>
<td>Mto.</td>
<td>Spinning</td>
<td>Mto.</td>
<td>Spinning</td>
</tr>
</tbody>
</table>
<p><br>
</p>
</body>
</html>


2. Crea el código que incorpore una imagen llamada mapa.gif, que, si la imagen no se cargara, incluya el
texto: mapa de Fuerteventura, define el tamaño de 70 de ancho x 50 de alto.

mapafuerteventura.png
mapafuerteventura.png


<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>mapa fuerteventura</title>
</head>
<body>
<img style="width: 70px; height: 50px;" alt="Mapa de Fuerteventura"
src="file:///C:/Users/GIGA/Desktop/mapaa.gif"> <br>
</body>
</html>