Estructura para crear página Web en HTML

-

Un documento web (o página web) es un conjunto de tags HTML que se escriben en un editor de texto plano (sin formato) y se ejecutan en un navegador web.


Para crear un verdadero documento HTML comenzará con tres elementos contenedores:
  • <html>: Este elemento envuelve todo el contenido de la página (excepto la DTD)
  • <head>: Este elemento designa la parte de encabezado del documento. Puede incluir información opcional sobre la página Web, como puede ser el título (el navegador lo muestra en la barra de título), palabras clave de búsqueda opcionales y una hoja de estilo opcional.
  • <body>: Este elemento alberga el contenido de su página Web, es decir, aquello que queremos que aparezca en el área de navegación del navegador.

Comentarios

Publicar un comentario

Entradas populares de este blog

Los códigos de colores en HTML

-
Imagen
Existen diferentes sistemas para codificar colores. A efectos de la web, nos interesa el sistema RGB  (de “Red Green Blue” en inglés, “rojo verde azul” en español) que es como el ojo humano percibe el color (con células fotoreceptoras sensibles a cada uno de estos colores) y el que usan también las pantallas de casi todos los dispositivos. El fundamento de este sistema es que cualquier color se puede generar  combinando con diferentes niveles de intensidad estos tres colores básicos : el rojo, verde y azul. Por razones “informáticas” se suelen usar 256 niveles en cada uno. Por tanto, con este sistema, tenemos un total de  256*256*256 = 16.777.216 combinaciones  posibles que resultan en el mismo número de colores diferentes, más de lo que el ojo humano puede distinguir. De ahí que en los  códigos de colores en HTML  y, en general cuando se trabaja con colores en un ordenador, se use casi siempre este sistema de codificación del color. https://ww...
Leer más

Imágenes en una página HTML

-
Imagen
La etiqueta HTML para insertar una imagen en HTML es  <img>  y su sintaxis básica la siguiente: 1 < img   src = "[url de la imagen]"   alt = "[texto]"   height = "100"   width = "50" > Aquí el atributo  src  es el equivalente a  href  en el caso del enlace anterior, es decir, una URL que apunta a la imagen que quieres visualizar. Por ejemplo:  http://midominio.com/imagenes/mi-imagen.png Otro atributo muy importante es  alt . Por una parte, porque en caso de que el enlace a la imagen esté roto, visualizará un texto alternativo (de aquí, el nombre de “alt” del atributo) que será el texto asociado a este atributo. Los atributos  height  y  width  te permiten especificar las dimensiones a las que ajustar la imagen en el navegador. De no ser esas las dimensiones originales de la imagen, el navegador reducirá o ampliará la imagen, según corresponda, para ajustarla a estas dime...
Leer más