HTML es el lenguaje usado para escribir páginas web. Se compone de etiquetas que definen la estructura y el significado del contenido. La estructura básica de un documento HTML incluye las etiquetas <html>, <head> <title>, y <body>, las cuales envuelven el contenido de la página.
Introducción a HTML: guía básica para principiantes
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?
El HTML (Hyper Text Markup
Language) es el lenguaje con el que se
escriben las páginas web.
3. ¿Cómo empiezo a escribir HTML?
● Editor de texto para escribir las páginas
Notepad Bloc de Notas Gedit Sublime
● Navegador para visualizar
4. ● Imagenes, de distintos tipos de extensiones
.jpg (imágenes grandes).
.gif (imágenes con animación).
.png (imágenes transparentes).
6. ● 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
7. Entremos a código HTML
¿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 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..
9. 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>
10. 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").
11. 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.