Actividad 3 -HTML

En esta actividad tenemos que poner cuales son las etiquetas para lo siguiente:


- Salto de línea:

Para hacer un salto de línea se usa la etiqueta <br />

Ejemplo:

Esto es
una oración con
saltos de línea


- Letra en Negrita: 

Para poner la letra en negrita se usa la etiqueta <b> y </b>, entre las etiquetas se pone el texto que queramos que está en negrita.

Ejemplo:

En esta oración hay una palabra en negrita.


- Un enlace: 

Para poner un enlace se usa la etiqueta <a></a> con el atributo href que determina la página a la que dirige el enlace. Dentro de las etiquetas se pone el texto que se quiera.

Ejemplo:

En esta oración hay un enlace a Google.

- Una imagen:

Para poner una imagen se usa la etiqueta <img>, dentro de esta se usa el atributo src y alt. El atributo src es la imagen que se verá y el atributo alt es el texto que se ve cuando pasas el cursor por encima de la imagen.

Ejemplo:

- Una tabla:

Para crear una tabla en HTML necesitamos usar 5 etiquetas:

<table> </table>
<tbody></tbody>
<tr> </tr>
<th> </th>
<td> </td>

La etiqueta <table> es la que define a la tabla. La etiqueta <tbody> define el cuerpo de la tabla. La etiqueta <tr> define las filas de la tabla. La etiqueta <th> define el contenido de la tabla y lo pone automáticamente centrado y en negrita. La etiqueta <td> define el contenido de cada celda.

Ejemplo:

Código HTML:

<table style="width:100%"> <---- Esto quiere decir que la tabla ocupe todo el ancho posible
  <tr>
    <th>Nombre</th>
    <th>Apellidos</th> 
    <th>Edad</th>
  </tr>
  <tr>
    <td>Juan</td>
    <td>Rodríguez García</td>
    <td>20</td>
  </tr>
  <tr>
    <td>Guadalupe</td>
    <td>De la Rosa Montero</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Aurelio</td>
    <td>Fernández Calvo</td>
    <td>40</td>
  </tr>

</table>

Tabla:

Nombre	Apellidos	Edad
Juan	Rodríguez García	20
Guadalupe	De la Rosa Montero	30
Aurelio	Fernández Calvo	40