Mi primera página en blanco

Esta imagen es la página que hemos guardado con el título miweb.html, tiene este codigo fuente, en el observamos que no hay nada escrito entre la etiqueta <body> y </body >


<html>
<head>

<title> miweb.html </title>
</head>
<body>
</body>
</html>


Vamos a escribir alguna frase sobre la web en blanco

<html>
<head>

<title> miweb.html </title>
</head>
<body>
Web en preparación

nombre provisional : miweb.html
</body>
</html>



Observamos que lo queremos que se lea o vea en la web, hay que anotarlo entre <body > y </body>

Que se veria en internet de esta manera



Las web se suelen animar con colores de fondo, con imágenes o con ambas cosas, para colorear hemos de escribir después de body el color que decidamos darle, por ejemplo el rojo, anotariamos lo siguiente

<html>
<head>

<title> miweb.html </title>
</head>
<body bgcolor="#ff0000">
Web en preparación

nombre provisional : miweb.html
</body>
</html>


Y quedaria así



Ya hemos visto cómo anotar una frase , pero la web es ante todo imagen, para insertar una imagen debemos tenerla previamente en la carpeta que hemos abierto y donde guardamos nuestra página
miweb.html,
en el mismo archivo y con alguna extensión válida para internet, lo más usual es la imagen que desees guardarla con extensión . jpg
ó    . gif

Suponiendo que quieras incorporar alguna de estas dos imágenes de abajo, que estan guardadas con el nombre que al pié especificamos, hariamos lo siguiente:
  • Pulsar en la barra de Frontpage el botón    Insertar/Imagen/ Desde archivo  
  • Y una vez en tu archivo designarás las dos imágenes que quieres meter, en nuestro caso David Bisbal y Shakira con sus extensiones de archivo, es decir .jpg





"davidbisbal280.jpg"

"shakirafot.jpg"

<html>
<head>

<title> miweb.html </title>
</head>

<body bgcolor="#ff0000">

Web en preparación
nombre provisional : miweb.html

<img src="davidbisbal280.jpg">
<img src="shakirafot.jpg">

</body>
</html>


El resultado en tu web al abrirla seria el siguiente Pulsa para ver

















 
Google






©   tutorial html