Tema: HTML Y CSS (parte 2)


  • RECUERDA QUE ESTAS ACTIVIDADES ESTÁN DISPONIBLES EN LA PLATAFORMA VIRTUAL.

  • Recuerda que tienes 2 opciones para hacer tus tareas: SOLO las de esta ficha, ó SOLO las de la plataforma virtual.

 

  1. Observa el video introductorio  


Etiquetas HTML


Ejemplos de etiquetas


Se puede observar un elemento que abre y cierra con las etiquetas que indica que hay un enlace (link). El atributo en color amarillo apunta el enlace a Google.

Identificarás las etiquetas en HTML por algunas características como las siguientes:

  • Elementos rodeados por corchetes

  • Usualmente tienen una etiqueta de apertura y otra de cierre

  • Algunas etiquetas se cierran así mismas

 

Apertura y cierre

de etiqueta

Etiquetas que se cierran

a si mismas

<h1>Hola mundo</h1>

<br> Válido para HTML5

<p>Bienvenido a mi sitio web</p>

<br /> Válido para HTML & XHTML

2. Ejemplo más detallado de un elemento HTML con etiqueta de apertura y cierre, acompañado por un atributo.

Este es otro ejemplo más detallado de cómo se representa un elemento con la etiqueta <p> de párrafo, con el atributo “clase” en inglés llamado “importante”.

3. Ejemplo de un elemento HTML con etiqueta de cierre así mismo y dos atributos.

Este ejemplo contiene la etiqueta <img> la cual se cierra a si misma la cual contiene los atributos “src” y “alt”, los cuales llaman a la ubicación de la imagen y asignan un texto alternativo a la imagen.

HTML representa el esquema de un sitio web, pero otras herramientas como CSS y JavaScript le dan estética y dinámica a tu sitio web.


Todas las etiquetas HTML

Fuente: https://allthetags.com/ Revisa esta tabla de etiquetas interactiva.


PROPIEDADES CSS






Última modificación: martes, 4 de mayo de 2021, 16:31