sObtener códigos de color HTML, códigos de color Hex, RGB y HSL valores con nuestra selección
de colores, tablas de colores y nombres de colores HTML.
Los códigos de colores son formas de representar los colores que vemos cada día en un formato que
un ordenador puede interpretar y mostrar. Comúnmente utilizado en sitios web y otras aplicaciones
de software, hay una gran variedad de formatos, incluidos los códigos de color HEX, RGB y HSL
valores y nombres de colores HTML, entre otros.
L O S CÓ DI GO S DE CO L O R HEX
Los más populares son los códigos Hex de color; tres bytes números hexadecimal
(es decir, compuesto de seis dígitos), con cada byte, o de un par de caracteres en
el código Hex, que representa la intensidad de rojo, verde y azul en el color,
respectivamente.
#XXXXXX
Valores de bytes código Hex de 00, que es la más baja intensidad de un color, a lo
que representa el nivel más alto de intensidad. El color blanco, por ejemplo, se
obtienen por la mezcla de los tres colores primarios en su máxima intensidad, y en
el código Hex de color de #FFFFFF.
#FFFFFF
Negro, la ausencia de cualquier color de la pantalla, es todo lo contrario, con cada
color que se muestra en su nivel más bajo posible intensidad y un código de color
Hex #000000.
COLORES EN HTML
Estructura html>
<head>
<title>Fondo de prueba</title>
</head>
<body>
<body bgcolor="#cococo">
</body>
</html>
<body bgcolor="Codigo HEX">
FONDO <html>
<head>
<title>Fondo de prueba</title>
</head>
<body>
<body background="Zuanly 2.0.JPEG">
</body>
</html>
Imagen <img src="Imagen_Paisaje.JPG" />
PRIMEROS PASOS EN CSS
CSS (Cascading Style Sheets - en español Hojas de Estilo en Cascadas) es usado para
darle estilo y diseño a las páginas Web — por ejemplo, para cambiar la fuente de
letra, color, tamaño y el espaciado de tu contenido; dividir en múltiples columnas, o
agregar animaciones y otras propiedades decorativas. Este modulo provee un inicio
suave para tu ruta de aprendizaje hacia el dominio de CSS con su funcionamiento
básico, como luce su sintaxis, y cómo puedes comenzar a utilizarlo y añadir estilo a
HTML.
Prerrequisitos
1. Estar familiarizado y tener conocimiento básico sobre el uso de
computadores e internet básico (p.ej. navegando, consumiendo contenido
en Internet.)
2. ¿Qué es CSS?
3. CSS (Cascading Style Sheets) te permite crear páginas Webs atractivas, pero
¿Cómo funciona por debajo? Este artículo explica que es CSS, con ejemplos
simples de sintaxis, y cubre algunos temas clave sobre este lenguaje.
4. Empezar con CSS
5. En este artículo se tomarná un documento HTML simple y se le aplicará CSS,
aprendiendo algunas cosas prácticas mientras lo haces.
Como se estructura CSS
Ahora que sabes que es CSS y de su uso básico, es momento de
sumergirnos un poco más dentro de la estructura del propio lenguaje. Ya
hemos conocido muchos de los conceptos discutidos aquí; puedes volver a
este resumen en el futuro si necesitas reforzar conocimientos o si tienes
dudas sobre algun concepto.
Como trabaja CSS
Hemos aprendido lo básico de CSS, para que es y como escribir una hoja de
estilo sencilla. En esta lección echaremos un vistazo a como los navegadores
web reciben CSS y HTML y los convierten en una página web.
Usando tu nuevo conocimiento
Con las cosas que has aprendido en las últimas lecciones encontrarás que
usando CSS puedes editar el formato de documentos de texto simple, para
agregarles tu propio estilo. Este artículo te da la oportunidad de hacerlo.
FORMATO DE GUARDADO
Guardar en HTML index.html
Guardar en CSS estilo.css
PASOS PARA TRABAJAR EN HTML Y CSS
CREAR UNA SOLA CARPETA: Página web
1. Paso crear carpetas de imágenes.
2. Crear nuevo proyecto en HTML
3. Crear nuevo proyecto en CSS
Nota: Guardar correctamente cada proyecto.
PASOS PARA INICIAR PAGINA WEB CON HTML Y CSS
CREAR UNA SOLA CARPETA: Página web
Paso 1
1. Paso crear carpetas de imágenes.
2. Crear nuevo proyecto en HTML
paginaweb_index.html
3. Crear nuevo proyecto en CSS
estilo.css
Paso 2
Nota_ para enlazar <link rel="stylesheet" type ="text/css"href="estilo.css">
páginas de HTML Y
CSS
Paso2
Paso 3
Paso 4
Paso 5
Paso 6
Paso 7 Regresamos a primer pagina HTML
Paso 8 AGREGAR EN LA ETIQUETA BODY
Tecla tabuladora
