Aplicaciones Web

20 Intro HTML 1

Índice de penetración de Internet en Ecuador:

Según los datos del Banco Mundial, Internet Users, en el año 2012 el porcentaje de personas con acceso a Internet se situó en un un 35% para todo Ecuador. En comparación, España alcanzaba el 72% y el país con el máximo índice era Islandia con un 96%.

¿Qué es HTML? Según el artículo sobre HTML de la Wikipedia:

HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.

HTML: conceptos básicos (parte 1):

HTML: conceptos básicos (parte 2):

HTML: conceptos básicos (parte 3):

HTML: conceptos básicos (parte 4):

W3Schools es un sitio web recomendado para consultar las etiquetas y atributos que componen el lenguaje HTML.

W3Schools.

En HTML existen tres tipos de listas:

  • Listas no numeradas: <ul> y <ul>.
  • Listas numeradas: <ol> y <ul>.
  • Listas de definición: <dl>, <dt> y <dd>.

HTML: listas:

El uso de un juego de caracteres incorrecto suele producir problemas de representación de las páginas web, como el ejemplo que se puede ver en las siguientes imágenes:

Juego de caracteres correcto.
Juego de caracteres incorrecto (1).
Juego de caracteres incorrecto (2).

HTML: juego de caracteres:

HTML: el juego de caracteres y los editores de texto:

Los juegos de caracteres recomendados para las páginas web son:

En una página web se indica con la etiqueta <meta charset="" >:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Página con el juego de caracteres UTF-8</title>
...

Importante: el juego de caracteres indicado en el código HTML debe coincidir con el juego de caracteres realmente empleado para almacenar la página web.

Optimización: ¿cuánto tiempo tarda en cargarse una página web? Se puede saber con la consola de Google Chrome (Mays + Ctrl + I):

Consola de Google Chrome.