Aprende Web
Crea y diseña tus sitios en la Web.
Manual de HTML
HTML: lenguaje básico para crear páginas web
Y ahora tambien aprende a programar en C++ con Aprende Web C++
RSS. Suscribir canal. Buscar en Aprende Web
Traducir página
Visita nuestro blog:
y entérate de las novedades o deja un comentario.
Dudas y sugerencias:
Sobre ésta página
Ültima modificación: 29-01-2016.
Visitas este mes: 300
Visitas el mes pasado: 676
WEB-GRAFÍA
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
- Desarrollo Web: manual de HTML
- Desarrollo Web, por Rubén Álvarez
- Cómo crear tu Web: curso de HTML
- ComoCrearTuWeb, Por Georgens
- Libros Web: introducción a XHTML
- Libros web, por Javier Eguíluz Pérez
- Curso de HTML: AulaFácil
- www.aulafacil.com
- Curso de html: Programación Web
- www.programacionweb.net
- WebEstilo: manual de html
- www.webestilo.com
- W3 schools; HTML Tutorial
- www.w3schools.com
- Tutorial html
- Juan José López García
Universidad de Murcia - Introducción al lenguaje html
- wikilearning
Donativos
Si este sitio te parece interesante puedes contribuir con una pequeña aportación.
Aprende Web por Anyelguti is licensed under a Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported License.
1. El lenguaje HTML (II)
1.2 Estructura básica.
Etiquetas imprescindibles.
Si HTML es un lenguaje de etiquetas, y además es el lenguaje para construir las páginas web. La página debe tener una estructura. Vemos cual es.
Toda la página web debe ir encerrada entre las etiquetas
<html> ...... </html>
Estas etiquetas delimitan el principio y el final de la página. Dentro de esta etiqueta hay otras dos etiquetas que son imprescindibles. Estas son :
<head> ...... </head>
<body> ...... </body>
Estas dos etiquetas deben ir siempre en este orden, y una detrás de otra, y ambas incluidas dentro de la
etiqueta <html> ...... </html>.
Por lo tanto la Estructura básica de una página es la siguiente:
<html>
<head>
...
</head>
<body>
...
</body>
</html>
La etiqueta head significa cabecera. Aquí se ponen todos los elementos no visibles de la página, y que son necesarios para un buen funcionamiento. Su único elemento visible es la etiqueta
<title> ...... </title>
En la etiqueta title pondremos el título de la página, el cual lo veremos en la pestaña del navegador.
La etiqueta body significa cuerpo y es la parte visible de la página. aquí pondremos todo lo qué queramos que se vea en la página, texto, imágenes, sonidos, enlaces, etc. cada uno de estos elementos tiene sus propias etiquetas que indican qué tipo de elemento es y cómo debe visualizarse. Si incluimos texto sin etiquetas, este se visualizará en el modo que tenga el navegador por defecto.
El editor de textos
Como ya dijimos en el apartado anterior, las etiquetas y el texto que encierren, deberemos escribirlo en un programa editor de textos.
Hay que tener en cuenta que en muchos de estos editores, (Por ejemplo el bloc de notas de Windows o el HTML-Kit) al guardar el código escrito en un archivo nuevo debemos escribir junto con el nombre la extension .html o .htm por ejemplo llamaremos a nuestro archivo index.html (y no simplemente index), ya que si no escribimos la extensión, es posible que se guarde simplemente como archivo de texto (normalmente .txt), y no como página web, con lo cual el archivo no puede ser leído por el navegador.
Mi primera página
Con lo visto hasta ahora, ya podemos hacer una primera página que puede ser vista en el navegador. Para ello abre tu editor de textos y copia el siguiente código:
<html>
<head>
<title>Titulo</title>
</head>
<body>
mi primera página
</body>
</html>
Luego lo guardamos con el nombre de index.html. Después abrimos el archivo con el navegador. Para ello basta con hacer doble click sobre el archivo, ya que se ha guardado en formato de página web. En el navegador veremos una página como la del siguiente enlace:
Hemos visto cómo escribir las etiquetas mínimas para crear una página. En la siguiente página de este manual veremos las normas del lenguaje de etiquetas HTML.
imprimir esta página
Página creada por ANYELGUTI.
Sugerencias:
aprendeweb@aprende-web.net. Envia un 
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com