Asignatura Datos del estudiante Fecha

Apellidos: yanes narvaez

Diseño de sitios web 29/09/2022
Nombre: brayan

Actividad
Protocolo individual de la unidad n°: 3

Análisis y síntesis: 
Síntesis e interpretación personal de los temas vistos en la unidad
Trabajando con tablas, anclas e imágenes
Los temas de la unidad abarcar mas el tema de creación de una pagina web, en este caso
hablaremos de los conceptos y el procedimiento para crear tablas, anclas e imágenes en una
página web.
Tablas.
Se considera tabla es un medio para organizar información, el HTML se le considera como un
grupo d filas donde cada una contiene un grupo de celdas. Para declarar una tabla se usan tres
etiquetas <table> contenedor principal, <tr> representa las filas que contendrán las celdas, y
<td> representa las celdas. Para agregar un encabezado se utiliza <th>.
Un atributo que ayuda a proveer información en las celdas es el atributo scope, (más adelante se
anexara una imagen 1.1), el atributo puede tomar valores “col", "row", "colgroup" y "rowgroup".
<caption> para insertar el título de la tabla.
Unificación de celdas.
Para fusionar dos a mas celdas adyacentes de una tabla se utilizan los atributos colspan para
unificación horizontal y rowspan para unificación vertical.
Para la agrupación de filas se utilizan tres elementos:
  <thead> para agrupar las filas que presentan información de encabezado.
 <tfoot> para contener a las filas que representan un pie o resumen
 <tbody> para representar un bloque de filas que consiste en un cuerpo de datos.

1.1
Anclas.
Enlace que permite dar un salto de un punto a otro en la pagina web, de tal manera que la
información se encuentre de una manera mas fácil.
Para la creación de un ancla se debe crear un código para el enlace origen y uno para el punto
de destino.
 Asignatura Datos del estudiante Fecha
Apellidos: yanes narvaez
Diseño de sitios web 29/09/2022
Nombre: brayan

Para el enlace de origen se utiliza el código:

<a href="#Nombredelancla">Texto enlazado</a>

Para el punto de destino:

<div id="Nombredelancla"> </div>

Imágenes.
Para la inserción de una imagen se utiliza el elemento img:
El atributo src ayudara a indicar la ubicación o dirección de la imagen
<img src="URL o nombre del archivo"/>
Para insertarla desde una dirección URL externa se agrega de la siguiente manera:
<img src="https://cdn.pixabay.com/photo/2015/02/09/20/03/koala-630117__340.jpg"/>
El atributo alt contiene texto alternativo, se mostrará cuando no carga la imagen:
<img src="gatito.jpg" alt="foto de gatito"/>

Discusión: 
Dudas, desacuerdos, discusiones
Aprender a construir tablas en HTML

Aprender a realizar los diferentes tipos de hipervínculos con imágenes, texto y anclas

Aprender a insertar imágenes dentro de páginas web

Revisión de etiquetas para realizar ejercicios de diseño web con etiquetas HTML que permiten
construir tablas.