jueves, 30 de mayo de 2013

HTML

¿Qué es HTML?   

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores.Para crear páginas web escribiendo directamente el código HTML, puedes utilizar la herramienta Wordpad o el Bloc de notas de Windows.

Etiquetas

Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta,y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades.
 La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por el identificador o nombre de la etiqueta, y no  contiene atributos. Su sintaxis es:</identificador>

Mi primera página
Lo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedes dirigirte al menú Inicio, Programas, 
Accesorios, opción Bloc de notas.
Seguidamente introduce, en el documento en blanco, el texto siguiente:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>

Guarda el documento con la extensión htm, con el nombre miprimpag.htm. Puedes guardarlo a través del menú Archivo,opción Guardar.
Estructura de una página


La estructura básica de una página es:
<html>
<head>
...
</head>
<body>
...
</body>

</html>
Ahora veamos cómo funcionan estas etiquetas. Copiarlas en el bloc de notas y probarlas con el explorador de intenet 
Cuerpo del documento <body>


El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc.
Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.
Por ejemplo:
<html>
<head>
<title>
Curso de HTML
</title>
</head>
<body>
...
</body>

</html>

A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.
El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.
<body bgcolor="#0000FF"> o <body bgcolor="blue">
La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen.
<body background="fondo.gif">

Actividad
Responder en tu carpeta:
  1. ¿Qué es el lenguaje HTML, y cómo está compuesto?
  2. ¿Qué necesito para crear una página web en HTML?
  3. Copiar la estructura básica de una página web y hacer la práctica en la máquina.
  4. ¿El título de una página entre qué etiquetas se ubica?
  5. ¿La información que quiero volcar en la página entre que etiquetas se ubica?
  6. ¿Que diferencia hay entre la etiqueta body bgcolor=? y <body background=?>


No hay comentarios:

Publicar un comentario