-
ESTRUCTURA BÁSICA DE UNA PAGINA
Todo el documento HTML viene contenido dentro de la etiqueta <html></html>.
Dentro de la etiqueta <html>, encontramos dos subdivisiones, la cabecera, delimitada por las etiquetas <head></head> y el cuerpo, delimitado por las etiquetas <body></body>. Por lo tanto, el aspecto básico de cualquier página web, es el siguiente:
La etiqueta <head> 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 del navegador, 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 <title></title>, que contiene el título de la página, que es lo que se ve en la barra de título del navegador.
En el <body> 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 <br /> para saltar de línea. Esta es la primera página del sitio que vamos a ir construyendo a lo largo del curso.
.
Luego pulsar en Visualizar el código escrito esto hará que se abra una ventana o una pestaña en tu navegador en la que podrás ver cómo queda la página. Es equivalente a lo que hicimos en el tema anterior con el bloc de notas pero de una forma más cómoda para ti. Observa como los espacios en blanco no son tenidos en cuenta, un poco más adelante volveremos sobre este tema.
Luego puedes añadir un salto de línea y un nuevo texto "Tenemos las fotografías organizadas en diferentes categorías" y volverlo a visualizar.

Comentarios

Publicar un comentario

Entradas populares de este blog

DISEÑO DE PAGINA. MAQUETACION WEB

-
Imagen
Maquetar una página web La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página. Hace unos años, la maquetación de las páginas web se realizaba utilizando tablas ( < table > ). Una vez entendido este proceso podía resultar sencillo, aunque si no se dominaban las tablas, podía convertirse en algo tedioso. El problema de las tablas es que generaban un página muy encorsetada, y el código se volvía complejo de entender. Además, algunos buscadores encontraban problemas al analizar la estructura de la página. Actualmente, la maquetación con tablas ha caído en desuso, y se realiza utilizando  capas  ( < div > ), también llamadas divisiones o contenedores. La colocación de las capas en la página se realiza a través de  CSS . Esto permite, por ejemplo, que podamos pasar de un diseño con un menú la...
Leer más

EL TEXTO: PROPÌEDADES Y FORMATOS

-
Imagen
EL TEXTO: PROPÌEDADES Y FORMATOS 4.1. Características del texto Las características del  texto seleccionado  pueden ser definidas a través del menú  Formato , y a través del  inspector de propiedades . Vamos a ver las posibilidades que se nos ofrecen a través del  inspector de propiedades , que están clasificadas en dos categorías  HTML  y  CSS .  Comenzamos viendo las propiedades  HTML Todas estas propiedades generan etiquetas HTML, que tienen un estilo por defecto en el navegador. Pero al final, podremos personalizarlas con CSS para que se vean exactamente como queramos. Formato:   Permite seleccionar un formato de párrafo ya definido para HTML, que puede ser encabezado, párrafo o formato predeterminado. Los encabezados se utilizan para establecer títulos dentro de un documento. El formato predeterminado sirve para que el texto aparezca tal cual ha sido escrito, por ejemplo, si entre dos palabras se introducen vari...
Leer más

EL ENTORNO DW CS6

-
Imagen
ENTORNO DW CS6 2.1. La pantalla inicial Al arrancar Dreamweaver aparece una  pantalla inicial  como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los  nombres de los diferentes elementos  y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento y dónde, como veremos más adelante. En el resto de esta unidad vamos a ir describiendo los puntos más importantes señalados en esta imagen por los números en azul del 1 al 9. 1.- Las barras. 2.- Las pestañas de documentos. 3.- La barra de estado. 4.- El panel de propiedades. 5.- Área de paneles. 6.- Paneles y ventanas. 7.- Línea inferior de pestañas. 8.- Vista diseño del documento. 9.- Vista código del documento. 2.2. Las barras 1.- La barra de la aplicación...
Leer más