You are on page 1of 3

Nombre: Jeordy Vera Balón

Fecha:20/11/18

Curso:7/1 Informática

PROGRAMACION WEB

Estructura básica de HTML

Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté
en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.
La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es
directamente el contenido de la página. Aquí se pone el título de la página, los metadatos,
estilos, código JavaScript (todo esto se estudiará en capítulos venideros). La primera que se
suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en
la parte superior izquierda).

La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos,


párrafos, formularios, etc.

Metadatos

Los Metadatos son elementos HTML que muestran información sobre la propia página web
que los contiene. Son usados por los buscadores para definir la información principal de
nuestra web (temática, descripción), por lo que será muy importante que lo tengamos
correctamente configurados.

Estos elementos meta se encontrarán en el head del código de la web.

Vamos a hacer un repaso de los elementos meta más comunes, no los veremos todos:

 Description: contiene una descripción resumida sobre la información que contiene la


página que estamos cargando. Es el elemento más importante de cara al
posicionamiento, ya que Google y otros buscadores lo suelen utilizar para ser
mostrado en los resultados de búsqueda.
 Keywords: contiene, separadas por comas, las palabras clave relacionadas con el
contenido de la página. Un ejemplo podría ser “coches, coches deportivos, coches de
lujo”. Aunque en su momento esta etiqueta tuvo importancia, actualmente
buscadores como Google ignoran esta información, ya que solía ser utilizada para
incluir datos no relacionados con la página.
 Author: información sobre el autor de la página web. Se podría entender como el
contacto administrativo de la web.
 Copyright: información sobre el copyright de la página.
 Generator: indica con qué herramienta se ha desarrollado la página, si es que se ha
utilizado alguna en específico. Por ejemplo, un valor para este elemento podría ser
“WordPress 4.3.1”.
 Robots: con esta etiqueta podremos definir las acciones que pueden tomar los robots
de los motores de búsqueda en nuestra página web. Con valores como INDEX,
NOINDEX, FOLLOW, NOFOLLOW se les puede indicar a estos robots que indexen o no
la página, o que recorran o no los enlaces que encuentre en una determinada página.
Principales etiquetas con atributos

id = "texto" Establece un identificador único a cada elemento dentro de una página HTML

class = "texto" Establece la clase CSS que se aplica a los estilos del elemento

style = "texto" Establece de forma directa los estilos CSS de un elemento

title = "texto" Establece el título a un elemento (mejora la accesibilidad y los navegadores lo


muestran cuando el usuario pasa el ratón por encima del elemento)

dir Indica la dirección del texto (útil para los idiomas que escriben de derecha a
izquierda)

lang = "codigo de idioma" Indica el idioma del elemento mediante un código predefinido

xml:lang = "codigo de idioma" Indica el idioma del elemento mediante un código predefinido

 ATRIBUTOS DE EVENTOS

onclick Ejecuta la acción cuando se realiza un clic sobre el elemento

ondblclick Ejecuta la acción cuando se realiza un doble clic sobre el elemento

onmousedown Ejecuta la acción cuando se detecta el botón pulsado del ratón

onmouseup Ejecuta la acción cuando se detecta que se ha soltado el botón del ratón
onmousemove Ejecuta la acción cuando se detecta el movimiento del ratón sobre el elemento

onmouseout Ejecuta la acción cuando el ratón abandona el elemento

onmouseover Ejecuta la acción cuando se detecta que el ratón se sitúa sobre el elemento

You might also like