Definiciones
HTML define la estructura y el contenido de una página web, incluyendo texto, imágenes, enlaces, títulos, secciones y otros elementos muy importantes que toda página web debe tener.
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
Qué signos se utilizan para abrir y cerrar una etiqueta
<></>
Etiqueta que define un párrafo
<p></p>
Falta el ">" al final de la línea"
¿Cómo funciona HTML?
HTML usa elementos llamados “etiquetas”. Así como la estructura de una casa esta compuesta por diferentes piezas como ladrillos y cemento, un documento HTML se compone de elementos más pequeños.
El contenido que aparece en la página web lo colocamos dentro de la etiqueta:
<body></body>
Verdadero o falso: Todos los elementos HTML tienen etiqueta de cierre
Falso
Etiqueta que se usa para insertar una imagen
<img>
<html>
<header></header>
<body></body>
</html>
La estructura básica es
<html>
<head></head>
<body></body>
</html>
¿Qué es un atributo?
Proporciona información adicional sobre los elementos HTML
Falso
¿En qué parte del elemento HTML se encuentran los atributos?
Dentro de la etiqueta de apertura, después del nombre de la etiqueta
Etiqueta que se usa para crear un hipervínculo
<a></a>
<h1 id="tema1"> Animales marinos </h1>
<h2 id="tema1"> Los delfines </h2>
No pueden tener el mismo valor para el atributo ID
¿Qué es CSS?
CSS es el lenguaje que usamos para dar estilo a un documento HTML.
En el maquetado la etiqueta que define un encabezado es
<header></header>
Al final de cada propiedad en un estilo de CSS tenemos que colocar el símbolo:
;
h1{
color: blue
font-size:12px
}
Faltan los ";" al final de cada propiedad
¿Qué es un selector en CSS?
Los selectores CSS se utilizan para "encontrar" (o seleccionar) los elementos HTML a los que se desea dar diseño.
En el maquetado, la etiqueta de define un pie de página es:
<footer></footer>
La estructura de cada estilo en CSS está conformada por:
Selector {propiedad:valor; propiedad:valor;)
Propiedad que define el espacio exterior alrededor del elemento
Margin
#titulo{
margin: 12 px;
}
el número debe estar unido a "px", de esta forma:
margin: 12px;