Unidad 3

Estructura y Contenido

Añadir extensión de desarrollador

Buscamos la extensión más recomendada en la web y la instalamos. validity

Etiqueta abbr

Ejemplo de abbr en 1º de DAW

Se usa para marcar abreviaciones con una descripción.

Diferencias entre header y h1

El header es un elemento de una estructura de html donde colocaremos objetos como título o navegación de la página y h1 es una etiqueta en la que el texto entre esta etiqueta sera resaltado como título

Div y span

Breve ejemplo de div y span

Párrafos en CodePen

Clasificación de etiquetas

Le etiqueta i pondra el texto en cursiva por lo que la clasificaremos de estilo.

La eituqeta em pondra el texto en cursiva , sera etiqueta de semantica. Tendrá el mismo efecto, pero además indicará al buscador en cuestión que lo que hay dentro de la etiqueta tiene cierta importancia.

La etiqueta b pondra el texto en negrita por lo que al igual que la etiqueta i sera estilo. Índica una negrita. Nada más que eso. El texto que engloba tiene que estar escrito con "bold".

La etiqueta strong resaltara el texto , también resaltara es etiqueta semántica. Índica que el texto que engloba se tiene que reforzar. El navegador es el que interpreta cómo se debe mostrar un texto reforzado, más fuerte, y todos los navegadores han decidido que para mostrar un texto más fuerte lo que harán es poner una negrita. Pero eso no implica que mañana venga otro navegador que no le guste reforzar el texto con una negrita y lo que haga es aumentar el tamaño y poner en color rojo, por ejemplo.

Trabaja con los siguientes documentos HTML

Completa el documento y añade al párrafo un tooltip “Aprendiendo lenguajes de marcas”. Utiliza la extensión para desarrolladores para validar el documento.

Madrid es la capital de España

Completa el documento y añade como cabecera Madrid y una línea horizontal separándola.

Madrid

Valida, corrige y vuelve a validar el siguiente documento.

Documento erroneo

Documento validado

Completa el documento teniendo en cuenta que x es una variable.

Documento

Crea un documento HTML cuya visualización en el navegador sea:

Pincha aqui.