Antes de empezar el curso.
Grupos y foros.- Módulo 1 - Desarrollo web1.1 Sitios Web4 Temas1 Cuestionario
-
1.2 Lenguajes4 Temas1 Cuestionario
-
1.3 Herramientas3 Temas
- Módulo 2 - HTML2.1 Estructura5 Temas1 Cuestionario
-
2.2 Contenido6 Temas1 Cuestionario
-
Descargar material 1
- Módulo 3 - CSS3.1 Estilos2 Temas
-
3.2 Referencias2 Temas
-
3.3 Propiedades12 Temas1 Cuestionario
-
Descargar material 2
- Módulo 4 - Diseño web4.1 Cajas1 Tema1 Cuestionario
-
4.2 Modelo de caja tradicional4 Temas1 Cuestionario
-
Proyecto 1 - Netflix13 Temas
-
4.3 Modelo de caja flexible2 Temas1 Cuestionario
-
Proyecto 2 - Azul Web6 Temas
-
Descargar material 3
- Módulo 5 - Diseño web adaptable5.1 Web móvil
- Final del cursoProyecto final2 Temas
-
Despedida del curso
-
Encuesta
2.1.5- Atributos globales
Angel Sánchez 21 diciembre, 2024
Lección Progreso
0% Completado
Aunque cada elemento tiene en su nombre el fin para el que se va a utilizar muchas veces nos encontramos con la necesidad de utilizar más de una vez el mismo tipo de elemento, y esto es mucho más visible con el elemento <div> que puede ser utilizado muchas veces en en la misma página. En HTML tenemos algunos atributos que podemos utilizar para crear identificadores personalizados:
id – Este atributo nos permite asignar un identificador único a un elemento.
class – Este atributo asigna el mismo identificador a un grupo de elementos.
Archivo index.html usado en el video.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Mi primera pagina web.</title>
<meta charset="utf-8">
<link rel="stylesheet" href="CSS/style.css">
<script type="text/javascript" src="JS/script.js"></script>
</head>
<body>
<header>
Cursos y talleres.
</header>
<nav>
Me 1 - Me 2 - Me 3 - Me 4
</nav>
<main>
<section id="cursos" class="contenedor">
<div class="programacion">
Curso 1 de programación.
</div>
<div class="programacion">
Curso 2 de programación.
</div>
<div class="programacion">
Curso 1 de programación.
</div>
<div class="baseDeDatos">
Curso 1 de BD.
</div>
<div class="baseDeDatos">
Curso 2 de BD.
</div>
</section>
<section id="talleres" class="contenedor">
<div class="web">
Taller 1 de web.
</div>
<div class="web">
Taller 2 de web.
</div>
</section>
</main>
</body>
</html>
Archivo style.css usado en el video.
.programacion{
color: red;
}
.baseDeDatos{
color: blue;
}
.contenedor{
background: #E8E4E4;
text-align: center;
}