El elemento head representa la cabecera de un documento
adentro de esta etiqueta head van otras mas como tittle, style, meta, link, script y base
El elemento <head>
El elemento head se coloca adentro de la etiqueta html
Pero antes de la etiqueta Body
La etiqueta Head es un contenedor de metadatos
Los metadatos son datos referentes al documento, pero no se muestran
Los metadatos suelen defenir metainformacion, como titulo, conjunto de caracteres, estilos, scripts etc
El elemento <tittle>
El elemeto tittle define el titulo del documento
El titulo deberia ser solo constituido por caracteres.
suele mostrarse en la pestana del navegador
este elemento es obligatório
Es muy importante para los motores de busqueda
ejemplo de codigo de un documento simple
<!DOCTYPE html>
<html>
<head>
<title>A Meaningful Page Title</title>
</head>
<body>
The content of the document......
</body>
</html>
Elemento style
El elemento style se utiliza para defenir informacion de estilos en una unica página
Ejemplo de su aplicacion
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
El elemento <link>
Este elemento define la relacion entre el documento y un recurso externo como por ejemplo una hoja de estilos
Ejemplo de uso
El elemento < meta>
El elemento meta se utiliza para especificar juego de caracteres, la descricion de una página, palabras clave, autor del documento, configuracion grafica etc
Ejemplos de elementos meta
defenir un juego de caracteres
Definir palabras clave para motores de búsqueda:
Define una descripción de tu página web:
Definir el autor de una página:
Actualizar documento cada 30 segundos:
Configuración de la ventana gráfica para que su sitio web se vea bien en todos los dispositivos:
Configuración de la ventana gráfica
La ventana grafica es la parte visible de una página web
El meta de la configuracion de ventana grafica debe ir en todas las páginas
el elemento width=device-width estabelece el ancho de la pagina dependiendo del dispositivo que se este viendo
el elemento initial-scale=1.0 estabelece el nivel de zoom inicial cuando se carga la página
El elemento HTML <script>
El elemento script define el javascript de la parte del cliente
Ejemplo de codigo
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
El elemento HTML <base>
los elementos base especifican la url base y el destino de todos los elementos
Solo puede haber un elemento base en el documento
La etiqueta base debe de tener un atributo href
ejemplo de codigo
<head>
<base href="https://frioyelectronica.blogspot.com" target="_blank">
</head>
<body>
<img src="images/nieve.gif" width="24" height="39" alt="nieve">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias