Tu Primera Pagina Web en 5 Minutos
Con HTML5
Requisitos
¿Qué necesitamos?
Un Web-Browser (Recomendación: Google-Chrome ó Fire-Fox)
Un Code-Editor (Recomendación: Sublime Text 2)
HTML
HTML
Hypertext Markup Language
Una descripción semantica de los diferentes partes de tu pagina
Solo define que es pero no como es
HTML-Tags
Para describir un elemento se usa tags
Un tag define que tipo de elemto es
(Casi) Siempre hay dos tags (abriendo y cerrando) con el contenido al dentro
HTML-Tags [Ejemplos]
<h1> Mi Titulo </h1> (Un titulo del primer orden)
<p> Lorem Ipsum dolor ... </p> (Un párrafo)
<a href=“www.mipagina.com“> Mi Pagina Web </a> (Un anchor tag con referencia a la url „www.mipagina.com“)
HTML-Head
Contiene información sobre el documento
No contiene el contenido verdadero de la pagina
HTML-Body
Contiene todo el contenido de la Pagina
Puede ser muy corto ó muy largo y complejo
HTML-Head [Ejemplo]
<html> (html-tag abriendo)<head> (head-tag abriendo)
<meta charset=“utf-8“></meta> (meta-tag para definir el typo de codificacion de caracteres)<title> Mi primera Pagina </title> (title-tag para definir el titulo de la pagina)
</head> (head-tag cerrando)...
HTML-Body [Ejemplo]
...<body> (body-tag abriendo)
<h1> Hola mundo! <h1> (titulo del primer ordena) <p> Bienvenido a mi primera pagina </p> (un párrafo corto)
</body> (body-tag cerrando)</html> (html-tag cerrando)
HTML-Documento completo
El Resultado