INTRODUCCIÓN A HTML
Lic. Wendy Navia Ch.
ADSIB
Agencia para el Desarrollo de la Sociedad de la Información en Bolivia
Email: ncwi0509@gmail.com
http://www.adsib.gob.bo
1 PARTE
¿QUÉ ES HTML?
El HTML (Hyper Text Markup
Language) es el lenguaje con el que se
escriben las páginas web.
¿Cómo empiezo a escribir HTML?
● Editor de texto para escribir las páginas
Notepad Bloc de Notas Gedit Sublime
● Navegador para visualizar
● Imagenes, de distintos tipos de extensiones
.jpg (imágenes grandes).
.gif (imágenes con animación).
.png (imágenes transparentes).
● Información y videos.
● Una vez que hayas escrito una página,
guardar el fichero con extensión .html
● Cuando hagas doble click sobre él se abrirá el
navegador y te mostrará la página
Entremos a código HTML
¿Qué es un etiqueta?
 Una etiqueta será un texto incluido entre los símbolos 
menor que < y mayor que >
● Existe normalmente una etiqueta de inicio y otra de fin.
<html>
….
</html>
INICIO Y FIN
● La de fin contendrá el mismo texto que la de inicio 
añadiéndole al principio una barra inclinada /.
● El efecto que define la etiqueta tendrá validez para todo
lo que este incluido entre las etiquetas de inicio y fin,
ya sea texto plano o otras etiquetas HTML..
Estructura básica de un documento HTML
Todos los documentos Html tienen la estructura que
se muestra a continuación.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Título de la Página
</title>
</head>
<body>
Aquí va el contenido de la página
</body>
</html>
Descifremos el código anterior
ELEMENTO DESCRIPCIÓN
<html> Representa la raíz de un documento HTML o XHTML. Todos los
demás elementos deben ser descendientes de este elemento.
ELEMENTO DESCRIPCIÓN
<head> Representa la raíz de un documento HTML o XHTML. Todos los demás
elementos deben ser descendientes de este elemento.
ELEMENTO DESCRIPCIÓN
<!DOCTYPE html> Document Type Definition ("Definición del Tipo de
Documento").
ELEMENTO DESCRIPCIÓN
<meta charset="UTF-
8"/>
El uso de UTF-8 es un tipo de codificación de caracteres
para Unicode que nos permite escribir nuestras páginas
web y no preocuparnos por si se va a ver correctamente
o van a aparecer caracteres extraños a la página que
encuentre nuestro usuario.
ELEMENTO DESCRIPCIÓN
<title> Define el título del documento, el cual se muestra en la barra de
título del navegador o en las pestañas de página. Solamente puede
contener texto y cualquier otra etiqueta contenida no será
interpretada.
ELEMENTO DESCRIPCIÓN
<body> Representa el contenido principal de un documento HTML. Solo hay
un elemento <body> en un documento.

Introducion a HTML5

  • 1.
    INTRODUCCIÓN A HTML Lic.Wendy Navia Ch. ADSIB Agencia para el Desarrollo de la Sociedad de la Información en Bolivia Email: ncwi0509@gmail.com http://www.adsib.gob.bo 1 PARTE
  • 2.
    ¿QUÉ ES HTML? ElHTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web.
  • 3.
    ¿Cómo empiezo aescribir HTML? ● Editor de texto para escribir las páginas Notepad Bloc de Notas Gedit Sublime ● Navegador para visualizar
  • 4.
    ● Imagenes, dedistintos tipos de extensiones .jpg (imágenes grandes). .gif (imágenes con animación). .png (imágenes transparentes).
  • 5.
  • 6.
    ● Una vezque hayas escrito una página, guardar el fichero con extensión .html ● Cuando hagas doble click sobre él se abrirá el navegador y te mostrará la página
  • 7.
    Entremos a códigoHTML ¿Qué es un etiqueta?  Una etiqueta será un texto incluido entre los símbolos  menor que < y mayor que >
  • 8.
    ● Existe normalmente una etiqueta de inicio y otra de fin. <html> …. </html> INICIO YFIN ● La de fin contendrá el mismo texto que la de inicio  añadiéndole al principio una barra inclinada /. ● El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML..
  • 9.
    Estructura básica deun documento HTML Todos los documentos Html tienen la estructura que se muestra a continuación. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Título de la Página </title> </head> <body> Aquí va el contenido de la página </body> </html>
  • 10.
    Descifremos el códigoanterior ELEMENTO DESCRIPCIÓN <html> Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser descendientes de este elemento. ELEMENTO DESCRIPCIÓN <head> Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser descendientes de este elemento. ELEMENTO DESCRIPCIÓN <!DOCTYPE html> Document Type Definition ("Definición del Tipo de Documento").
  • 11.
    ELEMENTO DESCRIPCIÓN <meta charset="UTF- 8"/> Eluso de UTF-8 es un tipo de codificación de caracteres para Unicode que nos permite escribir nuestras páginas web y no preocuparnos por si se va a ver correctamente o van a aparecer caracteres extraños a la página que encuentre nuestro usuario. ELEMENTO DESCRIPCIÓN <title> Define el título del documento, el cual se muestra en la barra de título del navegador o en las pestañas de página. Solamente puede contener texto y cualquier otra etiqueta contenida no será interpretada. ELEMENTO DESCRIPCIÓN <body> Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento.