hacer una pagina web con html

13
Tu Primera Pagina Web en 5 Minutos Con HTML5

Upload: jimpansn

Post on 13-Jun-2015

430 views

Category:

Documents


4 download

DESCRIPTION

Cómo hacer una pagina web simple con HTML

TRANSCRIPT

Page 1: Hacer una pagina web con HTML

Tu Primera Pagina Web en 5 Minutos

Con HTML5

Page 2: Hacer una pagina web con HTML

Requisitos

Page 3: Hacer una pagina web con HTML

¿Qué necesitamos?

Un Web-Browser (Recomendación: Google-Chrome ó Fire-Fox)

Un Code-Editor (Recomendación: Sublime Text 2)

Page 4: Hacer una pagina web con HTML

HTML

Page 5: Hacer una pagina web con HTML

HTML

Hypertext Markup Language

Una descripción semantica de los diferentes partes de tu pagina

Solo define que es pero no como es

Page 6: Hacer una pagina web con HTML

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

Page 7: Hacer una pagina web con HTML

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“)

Page 8: Hacer una pagina web con HTML

HTML-Head

Contiene información sobre el documento

No contiene el contenido verdadero de la pagina

Page 9: Hacer una pagina web con HTML

HTML-Body

Contiene todo el contenido de la Pagina

Puede ser muy corto ó muy largo y complejo

Page 10: Hacer una pagina web con HTML

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)...

Page 11: Hacer una pagina web con HTML

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)

Page 12: Hacer una pagina web con HTML

HTML-Documento completo

Page 13: Hacer una pagina web con HTML

El Resultado