Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Julio Proaño
Introducción
HTML (Hypertext Markup Language) es un lenguaje de marcado.
Ejemplo:
<elemento atributo="valor">Contenido</elemento>
<a href="http://www.google.com">Google</a>
las etiquetas siempre están contenidas entre los símbolos < >
<elemento atributo="valor">
<title>Título de la página</title>
</head>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Título de la página</title>
</head>
<body></body>
</html>
Estructura básica de una página
<!DOCTYPE html>: indicar al navegador que el código HTML en el que está
escrita la página es en la versión 5, osea que es HTML5.
<html lang="es">... </html>: indica la raíz del documento y todas las etiquetas
deben estar incluidas dentro. Además, especifica del idioma.
<head> ... </head>:se usa para envolver otras etiquetas que ofrecen
información principalmente a: al navegador, a los buscadores y a otras páginas
(como pueden ser redes sociales, etc).
<!-- --> : se utiliza para añadir comentarios dentro del código qué el usuario
no podrá ver.
Resumen
h1 = heading1; h2 = heading 2; ...
p = paragraph
br = break line
ul = unordered list
ol = ordered list
li = list item
em = emphasis
Ejercicios 1:
https://www.w3schools.com/html/exercise.asp?filename=exercise_attributes5
https://www.w3schools.com/html/exercise.asp?filename=exercise_paragraphs1
https://www.w3schools.com/html/exercise.asp?filename=exercise_lists1
https://www.w3schools.com/html/exercise.asp?filename=exercise_formatting1
Ejercicio 2