Pasos en html
Páginas: 6 (1365 palabras)
Publicado: 29 de noviembre de 2011
tmlPrimeros pasos con HTML
Conocidas ya las principales características de HTML estamos listos para aprender sus principales etiquetas y para
Crear nuestra primera página.
Estructura de una página
Todo documento HTML está formado por los bloques que podemos apreciar en la figura 2.1. Pasemos a explicar
Cada uno de ellos.
Figura 2.1. Estructura de bloques de un documento HTML.
En primerlugar deberemos especificar que el archivo de texto que estamos escribiendo es un documento HTML,
para ello usamos las instrucciones de inicio y fin de la etiqueta <html> al principio y al final de la página
respectivamente:
<html>
Código de la página
</html>
El código de la página esta formado a su vez por dos grandes bloques, la cabecera y el cuerpo.
La cabecera de lapágina está delimitada por las instrucciones de inicio y fin de la etiqueta head. Estas
instrucciones deben estar dentro de la etiqueta HTML de la siguiente manera:
<html>
<head>
Elementos de la cabecera
</head>
... Resto de código de la página ...
</html>
En la cabecera de la página se introduce toda aquella información que afectará a toda la página. En un principioesta información se limitará al título. Este título se indicará con la etiqueta title usando la siguiente sintaxis:
<html>
<head>
<title>Mi primera página WEB</title>
</head>
</html>
El resultado de ver esta página con nuestro navegador es el que se observa en la figura 2.2. Como vemos, el
área de la pantalla donde suele estar la página está todavía vacía,pero si nos fijamos en la cabecera de la ventana
del navegador vemos que el título a pasado de ser Microsoft Internet Explorer ™ a "Mi primera página WEB -
Microsoft Internet Explorer™". Es decir el título que le demos a nuestra página con la etiqueta <TITLE> pasará
a ser el título de la ventana del navegador.
Figura 2.2. El título de la página es mostrado en la parte superior de laventana del
navegador.
Además cuando un usuario vea nuestra página y decida incluirla en su lista de webs preferidos con la opción
agregar a favoritos del menú Favoritos del navegador (en este caso el explorer) añadirá el nombre que le hemos
dado a nuestra página en dicho menú, tal y como podemos apreciar en la figura 2.3. Aunque el nombre con el que
se almacena un Favorito puede ser cambiadopor el usuario, si hemos puesto un buen título, lo suficientemente
descriptivo a cada una de nuestras páginas le evitaremos esa molestia.
Figura 2.3. Cuando los navegantes incluyan nuestra página a su menú de favoritos en su
menú aparecerá el título que le hayamos dado a nuestra página con la etiqueta <TITLE>
Es importante resaltar que nada de lo que se ponga en la cabecera de lapágina será mostrado en la zona del
navegador dedicada a mostrar el contenido, es decir, en la zona que vemos en blanco en la figura 2.2.
Esto nos induce a pensar que existe otra forma de indicar como será el contenido de la página, pues así es: el
cuerpo es el siguiente gran bloque de nuestro documento HTML, éste quedará delimitado por la etiqueta body.
En su interior introduciremos todos aquelloselementos de los que queremos que conste nuestra página como
pueden ser testo, imágenes, tablas, etc. Conociendo la etiqueta body podemos ampliar el ejemplo anterior para
que incluya texto.
html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
Hola a todos, como han deducido por el titulo esta es la
primera pagina web que hago, espero que lesguste. Fdo. Jorge
</body>
</html>
Figura 2.4. En esta figura observamos la zona de la ventana en la que los navegadores
mostrarán el texto que pongamos en el cuerpo de la página.
Los encabezados
Usualmente un documento tiene, además de texto llano, una serie de encabezados o titulares. Para ello el lenguaje
HTML posee una serie de etiquetas que permiten disponer de...
Conocidas ya las principales características de HTML estamos listos para aprender sus principales etiquetas y para
Crear nuestra primera página.
Estructura de una página
Todo documento HTML está formado por los bloques que podemos apreciar en la figura 2.1. Pasemos a explicar
Cada uno de ellos.
Figura 2.1. Estructura de bloques de un documento HTML.
En primerlugar deberemos especificar que el archivo de texto que estamos escribiendo es un documento HTML,
para ello usamos las instrucciones de inicio y fin de la etiqueta <html> al principio y al final de la página
respectivamente:
<html>
Código de la página
</html>
El código de la página esta formado a su vez por dos grandes bloques, la cabecera y el cuerpo.
La cabecera de lapágina está delimitada por las instrucciones de inicio y fin de la etiqueta head. Estas
instrucciones deben estar dentro de la etiqueta HTML de la siguiente manera:
<html>
<head>
Elementos de la cabecera
</head>
... Resto de código de la página ...
</html>
En la cabecera de la página se introduce toda aquella información que afectará a toda la página. En un principioesta información se limitará al título. Este título se indicará con la etiqueta title usando la siguiente sintaxis:
<html>
<head>
<title>Mi primera página WEB</title>
</head>
</html>
El resultado de ver esta página con nuestro navegador es el que se observa en la figura 2.2. Como vemos, el
área de la pantalla donde suele estar la página está todavía vacía,pero si nos fijamos en la cabecera de la ventana
del navegador vemos que el título a pasado de ser Microsoft Internet Explorer ™ a "Mi primera página WEB -
Microsoft Internet Explorer™". Es decir el título que le demos a nuestra página con la etiqueta <TITLE> pasará
a ser el título de la ventana del navegador.
Figura 2.2. El título de la página es mostrado en la parte superior de laventana del
navegador.
Además cuando un usuario vea nuestra página y decida incluirla en su lista de webs preferidos con la opción
agregar a favoritos del menú Favoritos del navegador (en este caso el explorer) añadirá el nombre que le hemos
dado a nuestra página en dicho menú, tal y como podemos apreciar en la figura 2.3. Aunque el nombre con el que
se almacena un Favorito puede ser cambiadopor el usuario, si hemos puesto un buen título, lo suficientemente
descriptivo a cada una de nuestras páginas le evitaremos esa molestia.
Figura 2.3. Cuando los navegantes incluyan nuestra página a su menú de favoritos en su
menú aparecerá el título que le hayamos dado a nuestra página con la etiqueta <TITLE>
Es importante resaltar que nada de lo que se ponga en la cabecera de lapágina será mostrado en la zona del
navegador dedicada a mostrar el contenido, es decir, en la zona que vemos en blanco en la figura 2.2.
Esto nos induce a pensar que existe otra forma de indicar como será el contenido de la página, pues así es: el
cuerpo es el siguiente gran bloque de nuestro documento HTML, éste quedará delimitado por la etiqueta body.
En su interior introduciremos todos aquelloselementos de los que queremos que conste nuestra página como
pueden ser testo, imágenes, tablas, etc. Conociendo la etiqueta body podemos ampliar el ejemplo anterior para
que incluya texto.
html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
Hola a todos, como han deducido por el titulo esta es la
primera pagina web que hago, espero que lesguste. Fdo. Jorge
</body>
</html>
Figura 2.4. En esta figura observamos la zona de la ventana en la que los navegadores
mostrarán el texto que pongamos en el cuerpo de la página.
Los encabezados
Usualmente un documento tiene, además de texto llano, una serie de encabezados o titulares. Para ello el lenguaje
HTML posee una serie de etiquetas que permiten disponer de...
Leer documento completo
Regístrate para leer el documento completo.