El Mundillo del HTML


 Esta página la he creado para poder compartir con vosotros algunos códigos HTML y algunas cosas más sobre él. Los temas que vamos a ver serán: qué es HTML, algunas etiquetas, algunos códigos, cómo añadir los códigos al blog... espero que os guste y os sirva de ayuda y que si teneis alguna duda dejazme un comentario para que os pueda ayudar.


Colores en HTML

Los colores en HTML se escriben con números hexadecimales cono este: #1348F1. Cada número pertenece a un color distinto y se pueden escribir más de 16 millones y medio de colores con este tipo de numeración. Las dos primeras cifras de un número hexadecimal pertenecen al rojo, las siguientes dos cifras pertenecen al verde y las dos últimas pertenecen al azul: #RRVVAA. La numeración hexadecimal es distinta a la que utilizamos en la vida diaria, la decimal. En la numeración decimal los números van del 1 al 10, en cambio, en la hexadecimal van del 0 a la F. Sería algo así:

0=0 1=1 2=2 3=3 4=4 5=5 6=6 7=7 8=8 9=9 A=10 B=11 C=12 D=13 E=14 F=15
Debajo de cada número, en pequeño, está escrito su valor, así, en vez de escribir 15 escribiríamos F. ¿Pero qué pasa cuando el número pasa de una cifra? Pues es muy fácil de calcular, por ejemplo:

Queremos pasar el número #3B a decimal. Pues multiplicamos el valor de la primera cifra de la pareja por 16 y le sumamos el valor de la segunda cifra:

3x16=48      48+11=59

Como el valor de B es igual a 11 en vez de sumar B se suma 11. Entonces #3B es igual a 59.

¿Pero para qué sirve pasar de hexadecimal a decimal? Pues para saber el valor del color en RGB. Estas son las iniciales de Red Green Blue y es otra manera de expresar un color, pero esta no vales para HTML.

Ejemplo de pasar de hexadecimal a RGB:

Tenemos que pasar el color #13FF5B a RGB.

1º Se separa el número hexadecimal en parejas empezando por la derecha:

#13/FF/5B

2º Se calcula cada pareja por separada:

1x16=16 16+3=19 la primera pareja vale 19

15x16=240 240+15=255 la segunda pareja vale 255

5x16=80 80+11=91 la tercera pareja vale 91

3º Se compone el valor RGB:

La primera cifra vale 19 y es el color rojo, entonces R=19; la segunda cifra vale 255 y es el color verde, entonces G=255, y la tercera cifra vale 91, entonces B=91.

R=19 G=255 B=91


Imagen en HTML

Las imágenes son muy sencillas de añadir al blog usando código HTML. Para ello usamos esta etiqueta: <img>. dentro de esta etiqueta se añaden otras que definen la imagen. Las más útiles son las siguientes:

-src: Esta etiqueta define la imagen a mostrar através de su URL.
-border: crea un borde alrededor de la imagen y el valor se da en píxeles.
-width: Define el ancho de la imagen en píxeles
-height: Define el alto de la imagen en píxeles.
-aling: Alinea la imagen y esta puede ser right, left, top, middle y bottom.
-alt: muestra un texto en caso de que la imagen no cargara correctamente.

Para entenderlo mejor aquí os dejo un ejemplo:


IMAGEN DE PRUEBA


¿Qué es HTML?

HTML son las iniciales de Hiper Text Markup Language. Es un conjunto de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW y sus vínculos con otros documentos. Los navegadores WWW leen estos archivos de texto e interpretan esas etiquetas para determinar como desplegar la página Web.