Mejores cantantes desde 2010: HTML

HTML es un código que sirve para la creación de las páginas web, en esta página voy a presentar como funciona la codificación HTML y como usarlo para crear páginas.

Para la codificación de HTML he usado el programa Notepad++, el cuál es muy sencillo de usar.

Ahora voy a explicar como crear una página con este programa:

En primer lugar, hay que cambiar la codficación (5ª pestaña arriba a la izquierda) a HTML poner en la primera línea "<!DOCTYPE html>".

Más tarde, tendremos que poner un título para la página con <title> y el que veremos metidos en la página es un texto con <h1> .

Después pondremos <body> </body> para representar el contenido del documento HTML. En este para más creatividad podremos poner un fondo de pantalla con <body background="">.

Seguidamente creamos una tabla para agrupar los contenidos en distintas celdas, basicamente para que se vea mejor, con <table> </table> y para que quede centrada y con borde y por tanto más estética pondremos <table border="2px" align="center">. Para hacer las filas hay que poner <tr> </tr> y para hacer las columnas pondremos tantos <td> como columnas queramos (dentro del <tr>, es decir, de la fila), si queremos que las columnas ocupen el tamaño de la fila pondremos: <td colspan="(aquí va el número de culumnas) "> . Si queremos que las celdas estén coloreadas pondremos <td style= "background-color:(color que queramos)"> .

Ahora voy con las listas, las listas son puestas con <ol start= "(número)"> </ol>, si la queremos ordenada, o con <ul> </ul> si la queremos desordenada, con un texto al lado de lo que queremos listar, en el que seguidamente pondremos <li> </li> con el listado.

Si queremos añadir imágenes bastará con poner <img border="2px "src="nombre archivo.formato" width="(númepro de pixeles de ancho)" height="(númepro de pixeles de largo)">.

Para poner un enlace hay que poner <a href="(enlace)" target="_blank"> </a>. Y para poner una imatgen con enlace habremos que poner <a href="(enlace)" target="_blank"> <center> <img border="2px "src="nombre archivo.formato" width="(númepro de pixeles de ancho)" height="(númepro de pixeles de largo)"> </center> </a>. Y para enviarnos a otra página html mediante una imagen que hayamos creado hay que poner lo mismo pero sin el target="_blank" para que no salten páginas infinitas.