domingo, 12 de febrero de 2012
DISEÑO WEB I: FAMILIARIZÁNDONOS CON EL CÓDIGO HTML (2)
Unas etiquetas esenciales antes de empezar a diseñar nuestra página web son: <html>, <head> (<title>, <meta>), <body>. Estas definen la estructura de toda web, dan información sobre la misma y permiten que sea entendida y funcione como tal. Por lo tanto que el navegador la interprete correctamente.
Estas etiquetas van anidadas unas dentro de las otras:
La etiqueta <html> lo engloba todo. Es el contenedor para el documento entero. Indica al navegador que se trata de un archivo HTML.
La etiqueta <head> contiene información sobre el documento o la página. Se coloca como cabecera antes del cuerpo de la misma y lo que va aquí no es visible en la web. Aquí colocamos información del título de la página (<title>Mi primera página</title>), información <meta> o metadatos de la web (compatibilidad, información para los navegadores, motores de búsqueda,etc.). Estas etiquetas también contienen lo que tiene que ver con código JavaScript, enlaces con CSS, etc.
Por último la etiqueta <body> se entiende como el cuerpo de la web, el contenedor de nuestro contenido de la página. Por lo tanto todo el trabajo web que realizemos y que veremos en pantalla irá entre estas dos etiquetas.
EJEMPLO DE UNA PÁGINA WEB:
Estas etiquetas van anidadas unas dentro de las otras:
<html>
<head>
</head>
<body>
Cuerpo o contenido de la página.
</body>
</html>
<head>
<meta >
<title>Mi primera página</title></head>
<body>
Cuerpo o contenido de la página.
</body>
</html>
La etiqueta <html> lo engloba todo. Es el contenedor para el documento entero. Indica al navegador que se trata de un archivo HTML.
La etiqueta <head> contiene información sobre el documento o la página. Se coloca como cabecera antes del cuerpo de la misma y lo que va aquí no es visible en la web. Aquí colocamos información del título de la página (<title>Mi primera página</title>), información <meta> o metadatos de la web (compatibilidad, información para los navegadores, motores de búsqueda,etc.). Estas etiquetas también contienen lo que tiene que ver con código JavaScript, enlaces con CSS, etc.
Por último la etiqueta <body> se entiende como el cuerpo de la web, el contenedor de nuestro contenido de la página. Por lo tanto todo el trabajo web que realizemos y que veremos en pantalla irá entre estas dos etiquetas.
EJEMPLO DE UNA PÁGINA WEB:
Etiquetas: Diseño web, HTML
0 Comments:
Publicar un comentario
<< Home