informatica
Páginas: 121 (30100 palabras)
Publicado: 10 de marzo de 2014
Unidad 2. HTML básico (I)
A continuación vamos a ver los elementos básicos o fundamentales del HTML. Primero veremos la estructura general de las etiquetas, luego la estructura básica de la página, a continuación empezaremos a colocar cosas en la página, primero texto, luego imágenes, enlaces y por último hablaremos brevemente del elemento que nos sirve para colocar cada cosa en el sitio quequeramos, las capas.
2.1. Etiquetas
El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la sintaxis de las etiquetas.
Al realizar nuestro primer ejemplo, hemos visto algunas etiquetas.
Las etiquetas siempre van contenidas entre los signos de desigualdad < y >. Por ejemplo , o .
Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el signo /. Porejemplo (apertura) y (cierre). Entre la apertura y el cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas, depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se cierran sobre sí mismas. Esto se expresa colocando la apertura y el cierre en la misma etiqueta, como por ejemplo: , que equivaldría a . La etiqueta escribe un salto de línea.
Vamos afijarnos en la apertura de la etiqueta. La primera palabra que aparece es el nombre o identificador de la etiqueta. A parte, podemos encontrar atributos con sus valores, siguiendo el formato . La forma correcta de escribirlo es escribir el nombre de la etiqueta y los atributos en minúscula, y los valores contenidos entre comillas dobles. Si un atributo tiene más de un valor, se escriben todos losvalores dentro de las mismas comillas, separados por espacios en blanco, por ejemplo .
Hasta hace poco, lo más usual a la hora de escribir páginas web era que cada etiqueta tuviera bastantes atributos, que se referían a propiedades del formato o representación de los elementos. La tendencia actual es la de separar el formato del contenido, descartando estos atributos, sustituyéndolos por propiedadesde estilo.
Por ejemplo, para escribir la siguiente línea:
Bienvenidos a www.aulaclic.es
Antes, sin estilos:
Bienvenidos a www.aulaclic.es
Ahora, con estilos:
Bienvenidos a www.aulaclic.es
Como veremos en el siguiente tema, en otro lugar se definen las caracteristicas del estilo.
2.2. Estructura básica de la página
Todo el documento HTML viene contenido dentro de la etiqueta .
Dentrode la etiqueta , encontramos dos subdivisiones, la cabecera, delimitada por las etiquetas y el cuerpo, delimitado por las etiquetas . Por lo tanto, el aspecto básico de cualquier página web, es el siguiente:
...
...
La etiqueta contiene información sobre la página. Por ejemplo contiene etiquetas que pueden decir de qué va la página, el título que debe de mostrar en la barra delnavegador, o código javascript y estilos, que pueden estar en el propio encabezado o como llamadas a otros archivos. Normalmente, lo que contiene esta etiqueta no se muestra en el navegador.
Iremos viendo lo que puede contener esta etiqueta a medida que nos haga falta. De momento sólo comentaremos que obligatoriamente debe de contener la etiqueta , que contiene el título de la página, que es loque se ve en la barra de título del navegador.
En el encontramos el contenido de la página, lo que se ve a través del navegador: texto, imágenes, enlaces, tablas, etc...
En el siguiente ejemplo, puedes ver que hemos modificado el código que utilizamos en la página Primera.htm creada en el tema anterior. En él vemos los elementos que hemos comentado. Hemos añadido la etiqueta para saltar delínea. Esta es la primera página del sitio que vamos a ir construyendo a lo largo del curso.
Floramics. Amigos de las flores
Bienvenido a Floramics
En esta web encontrarás información sobre la
asociación y nuestra colección de fotografías de
flores.
Puedes copiarlo y pegarlo en la siguiente caja de texto y pulsar en Visualizar el código escrito esto hará que se abra...
A continuación vamos a ver los elementos básicos o fundamentales del HTML. Primero veremos la estructura general de las etiquetas, luego la estructura básica de la página, a continuación empezaremos a colocar cosas en la página, primero texto, luego imágenes, enlaces y por último hablaremos brevemente del elemento que nos sirve para colocar cada cosa en el sitio quequeramos, las capas.
2.1. Etiquetas
El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la sintaxis de las etiquetas.
Al realizar nuestro primer ejemplo, hemos visto algunas etiquetas.
Las etiquetas siempre van contenidas entre los signos de desigualdad < y >. Por ejemplo , o .
Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el signo /. Porejemplo (apertura) y (cierre). Entre la apertura y el cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas, depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se cierran sobre sí mismas. Esto se expresa colocando la apertura y el cierre en la misma etiqueta, como por ejemplo: , que equivaldría a . La etiqueta escribe un salto de línea.
Vamos afijarnos en la apertura de la etiqueta. La primera palabra que aparece es el nombre o identificador de la etiqueta. A parte, podemos encontrar atributos con sus valores, siguiendo el formato . La forma correcta de escribirlo es escribir el nombre de la etiqueta y los atributos en minúscula, y los valores contenidos entre comillas dobles. Si un atributo tiene más de un valor, se escriben todos losvalores dentro de las mismas comillas, separados por espacios en blanco, por ejemplo .
Hasta hace poco, lo más usual a la hora de escribir páginas web era que cada etiqueta tuviera bastantes atributos, que se referían a propiedades del formato o representación de los elementos. La tendencia actual es la de separar el formato del contenido, descartando estos atributos, sustituyéndolos por propiedadesde estilo.
Por ejemplo, para escribir la siguiente línea:
Bienvenidos a www.aulaclic.es
Antes, sin estilos:
Bienvenidos a www.aulaclic.es
Ahora, con estilos:
Bienvenidos a www.aulaclic.es
Como veremos en el siguiente tema, en otro lugar se definen las caracteristicas del estilo.
2.2. Estructura básica de la página
Todo el documento HTML viene contenido dentro de la etiqueta .
Dentrode la etiqueta , encontramos dos subdivisiones, la cabecera, delimitada por las etiquetas y el cuerpo, delimitado por las etiquetas . Por lo tanto, el aspecto básico de cualquier página web, es el siguiente:
...
...
La etiqueta contiene información sobre la página. Por ejemplo contiene etiquetas que pueden decir de qué va la página, el título que debe de mostrar en la barra delnavegador, o código javascript y estilos, que pueden estar en el propio encabezado o como llamadas a otros archivos. Normalmente, lo que contiene esta etiqueta no se muestra en el navegador.
Iremos viendo lo que puede contener esta etiqueta a medida que nos haga falta. De momento sólo comentaremos que obligatoriamente debe de contener la etiqueta , que contiene el título de la página, que es loque se ve en la barra de título del navegador.
En el encontramos el contenido de la página, lo que se ve a través del navegador: texto, imágenes, enlaces, tablas, etc...
En el siguiente ejemplo, puedes ver que hemos modificado el código que utilizamos en la página Primera.htm creada en el tema anterior. En él vemos los elementos que hemos comentado. Hemos añadido la etiqueta para saltar delínea. Esta es la primera página del sitio que vamos a ir construyendo a lo largo del curso.
Floramics. Amigos de las flores
Bienvenido a Floramics
En esta web encontrarás información sobre la
asociación y nuestra colección de fotografías de
flores.
Puedes copiarlo y pegarlo en la siguiente caja de texto y pulsar en Visualizar el código escrito esto hará que se abra...
Leer documento completo
Regístrate para leer el documento completo.