Muy buenas a todos, y bienvenidos a la cuarta clase del Curso de Introducción a la creación de páginas web con HTML5. Conoceremos una de las partes más importantes dentro del lenguaje de etiquetas. Hablamos de los atributos.
Gracias a los atributos, aumentaremos las posibilidades de nuestras etiquetas en su uso. A cada una de ellas, le podremos dar uno, o varios atributos diferentes, mediante los cuales se comportaran con funcionalidades y características nuevas.
No pierdas detalle en el vídeo.
RESUMEN DEL VÍDEO:
Hoy profundizaremos los atributos, que, aunque no es recomendable usarlos en html y sí en CSS, es importante conocerlos ya que usan la misma estructura. Algunos ejemplos de atributos que veremos son:
- Font Face: Sirve para definir la fuente de la letra;
- Font Color: Sirve para definir el color de la letra;
- Size: Sirve para definir tamaño;
- Color: Color de una etiqueta
- Font-Size: Tamaño de la letra.
CÓDIGO DE EJEMPLO:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mi cuarta clase con TUTORIALESDEPROGRAMACIÓN.COM</title>
</head>
<body bgcolor="yellow">
<h1>Ejemplos con etiqueta font</h1>
<p><font face="Comic Sans MS, Arial, Verdana"> Este texto tiene otra tipografía</font></p>
<p><font color="red" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Bienvenidos a Mi Pagina Web</font></p>
<h2>Ejemplo de span</h2>
<p>Esto es un parrafo, <span style="color: red; font-size: 22px;"> y esto es un span dentro del párrafo</span></p>
<h2>Ejemplo de colores</h2> <br>
<p>Chicos y chicas, esta vez usaremos los siguientes colores: <br>
<span style="color: red;"> Rojo</span> <br>
<span style="color: yellow;"> Amarillo</span> <br>
<span style="color: violet;"> Violeta</span> <br>
<span style="color: orange;"> Naranja</span> <br>
<span style="color: green;"> Verde</span> <br>
<span style="color: #5701AE;"> Indigo</span> <br>
</p>
</body>
</html>Ya lo habéis visto. Cada atributo nuevo, incrementará considerablemente las posibilidades de las etiquetas a las que nos referimos.
Recuerda, implementar estos avances en tu propia página web. ¿Cómo está quedando?
Nos vemos en la siguiente clase, para hablar de los enlaces.
¡Hasta luego!