Resumen temario
A continuación se hace un resumen de lo aprendido en el Módulo 1:
-
Las etiquetas de estructura del html:
<html>, <head> y <body>
-
Las marcas de texto, para estructurar el contenido de manera semántica, para poner negritas, cursivas y vincular imágenes:
<h1>, <p>, <em>, <strong>, <img>
-
Hemos visto las URL para el acceso a sitios en Internet, o a sitios locales para acceder a páginas o archivos del mismo sitio, como pueden ser la carpeta de imágenes, archivos de estilos (.css) u otras páginas de nuestro sitio web.
-
Se explicaron los ficheros de estilos CSS para definir el estilo gráfico de un HTML mediante los selectores que indican sobre qué elemento definimos cada estilo: p, h1, ul, li
-
Se vió como poner enlaces (<a>) a otras páginas y cómo hacer un menú tanto con listas de enlaces (<ul>, <li>, <a>) como con Flex.
-
Se explicó el código de caracteres Unicode UTF-8 y cómo utilizarlo (<meta charset="urf-8">) así como el modo de visualizar caracteres especiales que entran en conflico con los caracteres clave del lenguaje HTML.
-
Se explicaron las tablas y como aplicarles estilos en css.
<table>, <tr>, <th> y <td>
-
Se describió en detalle el elemento <div>, empleado para contener otros elementos HTML. Sus atributos y comno aplicarle estilos (height, width, border, margin, padding).
-
CSS3: Backgrounds con imágenes, bordes y bordes redondeados, sombreados.
-
Bloques semánticos para definir la estructura en HTML5:
<header>, <nav>, <section>, <article>, <aside> y <footer>
-
Cómo funciona la Herencia de estilos, los Selectores de CSS y la prioridad para saber qué estilo se aplica cuando hay varios que afectan a un mismo elemento.