El elemento <head>
El elemento <head> se usa para proporcionar información adicional
sobre el documento. El elemento requiere tanto un comando de apertura como uno de
cierre. El contenido dentro del elemento no es renderizado dentro del documento.
Ejemplo:
<html>
<head>
<title>El Elemento head</title>
</head>
<body>
</body>
</html>
En el ejemplo de arriba, el elemento
<title>
(título) es colocado dentro del elemento
<head>. El contenido del elemento
<title>
no es renderizado dentro del documento en sí. En el siguiente ejemplo vamos a añadir
un enlace a una hoja de estilo. El contenido no es renderizado, sino más bien el
resultado es renderizado. Ejemplo:
<html>
<head>
<title>El Elemento head</title>
<link
rel="Stylesheet"
type="text/css" href="http://www.speakcomputers.com/GreenStyle.css"
/>
</head>
<body>
</body>
</html>
El ejemplo de arriba le muestra el resultado de la hoja de estilo. El fondo es renderizado
en verde claro.
La lista siguiente de tags son válidos para el elemento
<head>.
• <title></title> - Muy Importante
• <meta>
- Importante
• <style></style>
• <script></script>
• <link>
Ejemplo de todos los elementos de arriba.
<html>
<head>
<title>El Elemento head</title>
<link
rel="Stylesheet"
type="text/css" href="http://www.speakcomputers.com/GreenStyle.css"
/>
<meta
name="description" content="Describa
su página aquí. Debe corresponderse con el contenido"
/>
<meta
name="keywords" content="html,
aprender html, html aprendizaje, html tags, meta tags, metatags,etc"
/>
<style>
.NEWH1
{
color:"#0000ff";
}
</style>
<script>
function ClickDone()
{
window.alert("Button clicked");
}
</script>
</head>
<body>
<h1
class="NEWH1">Haga clic en el botón de abajo.</h1>
<button
onclick="return ClickDone()"
>¡Pínchame!</button>
</body>
</html>
|
|