Fundamentos HTML

09-Dec-2013

 

  • La declaración DOCTYPE define el tipo de documento
  • El texto entre <html> y </ html> describe la página web
  • El texto entre <body> y </ body> es el contenido de la página visible
  • El texto entre <h1> y </ h1> se muestra como un título
  • El texto entre <p> y </ p> se muestra como un párrafo
  <! DOCTYPE html> Es la Declaración es el tipo de documento para HTML5.

 


¿Qué es HTML?

HTML es un lenguaje para escribir y maquetar páginas web, significa Hyper Text Markup Lenguaje. Está basado en etiquetas predefinidas que dan forma a la página.

  • - Las etiquetas describen el contenido del documento
  • - Los documentos HTML contienen etiquetas HTML
  • - Los documentos HTML son también llamadas páginas web

Etiquetas HTML

Las etiquetas son palabras clave (nombres de etiqueta) con los signos menor y mayor a los lados.
como <html>

  • Normalmente las etiquetas se usan en pares, abierta y cerrada <b> y </ b> respectivamente.
  •              La primera de las etiquetas indica el inicio y la segunda el fin.
  • La etiqueta final se escribe igual que la etiqueta inicial pero con una barra diagonal antes del nombre de la etiqueta " / "

  • Ejemplo

<Nombre de Etiqueta> contenido </ Nombre de Etiqueta>

 


Elementos HTML

Un elemento HTML es todo el contenido entre las etiquetas iniciales y finales incluyendo las etiquetas.

HTML Elemento:

<p> Este es un párrafo. </ p>

 


Navegadores Web

El propósito de un navegador web (como Google Chrome, Internet Explorer, Firefox, Safari) es leer los documentos HTML y mostrarlos como páginas web.

El navegador no muestra el código HTML directamente, sino que lo procesa para crear el producto que verá el usuario

Navegador


Estructura de página HTML

A continuación se muestra una visualización de una estructura de la página HTML:

<html>
<body>
Esta <h1> un título </ h1>
<p> Este es un párrafo. </ p>
<p> Este es otro párrafo. </ p>
</ Body>
</ Html>

 


Versiones de HTML

Desde la primera versión HTML, han habido cambios

VersionAño                              
HTML                      1991
HTML+                  1993
HTML 2.0                  1995
HTML 3.2                  1997
HTML 4.01                  1999
XHTML 1.0                  2000
HTML5                  2012
XHTML5                   2013

 


<! DOCTYPE> Declaraciones

El <! DOCTYPE> como hay varias versiones HTML, el DOCTYPE ayuda a la página a entender cómo leer el documento y qué versión de HTML se usó.

 


Declaraciones comunes

HTML5

<!DOCTYPE html>
 
 

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
 
 

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 


Comentarios. -