Bien lo primero de todo os aconsejo que os dirijáis a la página de programas para editar allí escoger uno de los programas recomendados en este caso utilizaremos el bloc de notas pues ya viene predeterminado con el software de windows.
El texto que editemos tenemos que guardarlo de la siguiente manera:
Por ejemplo en este caso es: Nombre.HTML
Tipo: Todos los archivos
El texto que editemos tenemos que guardarlo de la siguiente manera:
Bien lo primero de todo cuando lo abrimos tenemos que poner esto:
<html>
</html>
Esto indica que el documento va a ser tipo html de este modo todo lo que pongamos dentro de ese texto saldrá en formato html.
Como os habréis dado cuenta cuando pongamos un elemento en este caso <html> </html> siempre se abre y se cierra y la ultima palabra va acompañada de una barra.
Bien ahora para poder cambiar el titulo a nuestra web simplemente introducimos
<html>
<title>Prueba de Web</title>
</html>
Y nos aparece esto en la pestaña del navegador.Bien ahora por ejemplo podemos poner:
<html>
<head>
<title>Prueba de Web</title>
</head>
<body>
<p>¡Hurra!Ya tengo mi sitio WEB!!!!!</p>
</body>
</html>
Bien esto significa que en <body> es la parte de abajo como <title> era la de el titulo esa es para lo de abajo y la <p> significa párrafo con cada <p< establecemos un párrafo
También podemos ir retocando nuestra web añadiendo enlaces con este código:<a href="http://www.html.net/" title="Nombre sobre el raton">Nombre de la web</a>
Por ejemplo quedaría algo como asi con el código de arriba:
<html>
<head>
<title>Prueba de Web</title>
</head>
<body>
<p>¡Hurra!Ya tengo mi sitio WEB!!!!!</p>
<a href="http://proyectohtmlsf.blogspot.com.es/" title="Enlace a la pagina">Enlace al BLOG</a>
</body>
</html>
Que quedara asi:
También podemos usar la etiqueta <center> </center> y todo lo que este dentro ira hacia el centro ejemplo:
<html>
<head>
<title>Prueba de Web</title>
</head>
<center>
<body>
<p>¡Hurra!Ya tengo mi sitio WEB!!!!!</p>
<a href="http://proyectohtmlsf.blogspot.com.es/" title="Enlace a la pagina">Enlace al BLOG</a>
</body>
<head>
<title>Prueba de Web</title>
</head>
<center>
<body>
<p>¡Hurra!Ya tengo mi sitio WEB!!!!!</p>
<a href="http://proyectohtmlsf.blogspot.com.es/" title="Enlace a la pagina">Enlace al BLOG</a>
</body>
</center>
</html>
</html>
Por ultimo podemos también añadir todo tipo de imágenes e incluso añadirle links a las imágenes ejemplo:
<img src="Nombre imagen.jpg" alt="David" /> <a href="Link de la WEB"> <img src="Nombre imagen.png" /></a>
Que en nuestra web quedara algo como:
<html>
<head>
<title>Prueba de Web</title>
</head>
<center>
<body>
<p>¡Hurra!Ya tengo mi sitio WEB!!!!!</p>
<P><a href="http://proyectohtmlsf.blogspot.com.es/" title="Enlace a la pagina">Enlace al BLOG</a>
<P><a href="http://proyectohtmlsf.blogspot.com.es/"> <img src="web1.png" /></a>
</body>
</center>
</html>
Que se vera asi:
Al continuar poniendo códigos tan básicos como esos podemos formar grandes webs muchas de las webs que conocemos se basan en HTML combinado con CSS(otro lenguaje de programación)
No hay comentarios:
Publicar un comentario