introducion a html5
TRANSCRIPT
INTRODUCCIÓN A HTML
Lic. Wendy Navia Ch.
ADSIBAgencia para el Desarrollo de la Sociedad de la Información en Bolivia
Email: [email protected]://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).
● 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 HTMLTodos 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.