Archivo de la categoría: HTML

HTML_for dummies 003(color)

Color en HTML

Para representar colores en html, se utiliza el sistema RGB(red, green, blue) con valores hexadecimales(del 0-9 mas A-F; un total de 16).

Los colores se forman con 6 digitos: #000000 ; de los cuales #RRGGBB cada dos digitos son el valor del color RR(rojo) GG(verde) BB(azul).

Para obtener un Rojo : #FF0000
Significa que el valor RR esta al maximo FF(16,16) y los valores GGBB con valor de cero.

Azul: #0000FF
Verde: #00FF00
Negro: #000000
Blanco(blanco): #FFFFFF

Para obtener los demas colores se puede hacer una combinacion

Amarillo: #FFFF33
Morado: #CC00CC
Naranja: #FF9900
Rosa: #FFCCFF

Les dejo el link de una pagina con una tabla de colores

HTML_for dummies 002(tags)

<tag> texto afectado </tag>

La tag del principio activa la orden y la última (que será la del principio precedida del signo /) la desactiva. la mayoria de las tags tienen principio y final, o finalizan en seguida.

Anteriormente usamos estas tags en el primer ejercicio:
<html>
<head>
<title>
<body>

Recordemos el ejemplo:

<html>
<head>
<title>
Primer ejercicio
</title>
</head>
<body>
Bienvenido a mi primer pagina web

</body>
</html>

en el ejemplo anterior podran ver como iniciamos cada tag y posteriormente se cierra con un </…>

<html> </html>
<head> </head>
<title> </title>
<body> </body>

Como nota adicional debo decirles que el HTML es tan sencillo que lo que se escribe, es lo que se intrepreta. Y las tags o etiquetas son las que definen como se interpretaran.

HTML_for dummies 001(head & body)

Como se daran cuenta, he posteado muchas veces ayuda para los blogs. A veces es necesario manipular codigo en la pagina, y a veces pareceria sencillo cambiar aqui y alla, o es muy logico terminar con un </> pero muchas persona no tienen idea de que significa.
Por eso y mucho mas, comenzare una seccion nueva donde explicare (o tratare) lo basico del lenguaje HTML. Debo agradecer a esas revistas de club nintendo que en el 96 o 97 (no recuerdo bien) publicaron un minicurso de html, el cual encendio la chispa del diseño web ^^,

Para comenzar necesitaremos:

Un bloc de notas(o cualquier editor de texto)
un explorador (para visualizar los resultados)
Paciencia y tiempo

Primer ejercicio: crear una pagina, con el titulo de la pagina y un mensaje de bienvenida.

en nuestro blog de notas escribimos

<html>

<head>
<title>
Primer ejercicio
</title>
</head>
<body>
Bienvenido a mi primer pagina web

</body>
</html>

Guardamos el archivo con el nombre(en tipo ponemos:todos los archivos): ejercicio1.html
Abrimos el archivo ejercicio1.html dandole doble click o abriendolo con el explorador, el resultado debe ser algo asi:
Obteniendo este resultado, ahora analizaremos el codigo:
Aclaraciones:

  • El codigo puede escribise de cualquier forma y no distingue entre mayusculas y minusculas.

por ejemplo podemos escribirlo en una sola linea:

<HTML><head><title>Primer ejercicio</tITLe></head><body>Bienvenido a mi primer pagina web</bODY></html>

o podemos ordenarlo para hacer mas facil la edicion:

<html>
<head>
<title>
Primer ejercicio
</title>
</head>
<body>
Bienvenido a mi primer pagina web

</body>
</html>

  • Toda pagina en html consta de dos partes principalmente: <head> y <body>
  • Toda etiqueta que inicie debe cerrarse: <title> Primer ejercicio </title>


Espero les sirva este pequeño manual, en nuestra siguiente entrega espero hacer esto mas sencillo de explicar.

Dudas y comentarios… en los comentarios ^^,