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.
![](images/w3c-validator.png)
Los errores se deben corregir siempre desde el primero.
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.
Creación de un enlace:
<a href="inicio.html">Inicio</a> <a href="http://www.epn.edu.ec/">Escuela Politécnica Nacional</a>
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>