Aplicaciones Web

23 Intro HTML 2

El código HTML se debe validar para comprobar que está correctamente escrito. El validador más popular es The W3C Markup Validation Service.

Validador del W3C.

Los errores se deben corregir siempre desde el primero.

HTML: validación del código:

Inserción de una imagen: 

<img src="ruta-imagen" alt="texto-alternativo" />

ruta-imagen es la ruta, absoluta o relativa, a la imagen. Por ejemplo: 

logo.gif
/img/foto.jpg
https://www.google.es/images/srpr/logo11w.png

texto-alternativo es el texto alternativo que se define para una imagen.

HTML: imágenes:

Creación de un enlace: 

<a href="inicio.html">Inicio</a>
<a href="http://www.epn.edu.ec/">Escuela Politécnica Nacional</a>

HTML: enlaces:

Creación de una tabla: 

<table>
  <tr>
    <td>Una celda de la primera fila</td>
	<td>Otra celda de la primera fila</td>
  </tr>
  
  <tr>
    <td>Una celda de la segunda fila</td>
	<td>Otra celda de la segunda fila</td>
  </tr>
</table>

HTML: tablas (muy importante, las tablas no se deben usar para maquetar, sólo para mostrar datos tabulados):

Ejemplo de página web: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Página nueva</title>
</head>
<body>
<p>Es una página nueva</p>

<p>
<a href="http://www.epn.edu.ec">
<img src="descarga.jpg" alt=""/>
</a>
</p>

<p>
<a href="http://www.epn.edu.ec">EPN
</a>
</p>

<table border="1">
<tr>
<td>
matematicas
</td>
<td>
9.8
</td>
</tr>
<tr>
<td>
lenguaje
</td>
<td>
10
</td>
</tr>
</table>

</body>
</html>