HTML, XHTML y CSS para dummies

La siguiente tabla contiene una lista de colores con nombre que puede utilizar en HTML y CSS código para crear un sitio Web más colorido. Los colores se dan con sus correspondientes valores hexcode RGB y una muestra de color representativo.

Nombre Hexcode
Aguamarina# 00FFFF
Negro# 000000
Azul# 0000FF
Fucsia# FF00FF
Color gris# 808080
Verde# 008000
Lima# 00FF00
Castaño# 800000
Armada# 000080
Aceituna# 808000
Morado# 800080
rojo# FF0000
Plata# C0C0C0
Teal# 008080
Color blanco#FFFFFF
Amarillo# FFFF00

HTML, XHTML, CSS y Sitios de Recursos

No hay escasez de buenos recursos HTML en línea, pero algunos son simplemente tan superlativo que usted querrá ver a todos. Los siguientes sitios proporcionan ayuda en HTML, XHTML y CSS, así como gráficos Web y diseño:

  • El Consorcio World Wide Web no es sólo la fuente de donde HTML, XML, XHTML, CSS, y mucho más muelles, también es una gran fuente de información, tutoriales y herramientas.

  • El Grupo de Diseño Web tiene el lema "Hacer la Web accesible para todos", pero también tengo grandes referencias y herramientas, así como foros de ayuda, preguntas frecuentes en abundancia, y algunos grandes guías de diseño e información de código de color.

  • W3 Schools tiene un montón de cosas gratis y útil - incluyendo HTML y XML tutoriales que cubren los conceptos básicos de marcas, además de CSS, las toneladas de aplicaciones XML, numerosos lenguajes de scripting para scripts de cliente-y del lado del servidor, y un montón más.

  • Webmonkey tiene una extensa cómo-a la biblioteca que cubre una gran cantidad de temas interesantes en (para abridores) creación de Web, diseño, multimedia y comercio electrónico, así como referencias rápidas para todo, desde javascript para caracteres especiales y códigos de color.

  • A List Apart revista tiene un gran contenido (y las ideas para los aspirantes a diseñadores web y desarrolladores) para compartir. Un montón de tiempo completo, desarrolladores profesionales, diseñadores, arquitectos y gerentes de proyectos están activos en este sitio.

  • WebDesignerDepot es un sitio de diseño web que busca y describe nuevas y diferentes técnicas de diseño gráfico. Además, proporciona grandes ejemplos y mejores prácticas para el diseño web y gráfico.

  • Smashing Magazine tiene como objetivo la cobertura directamente a los diseñadores y desarrolladores web. Su objetivo es mantenerlos al tanto de las últimas tendencias, herramientas y técnicas relacionadas con su diseño y desarrollo intereses.

  • Biblioteca Virtual de La Web del desarrollador es un tesoro de información, tutoriales, y la cobertura de herramientas, con las técnicas de diseño y programación web.

  • Noupe es una revista basada en la Web que se dirige a los diseñadores y desarrolladores web con la información más reciente, los enfoques de diseño, y consejos para HTML, CSS, AJAX, javascript, gráficos, tipografía, y así sucesivamente.

  • CSS-Tricks está "curada" por # Web 252-ber (y CSS) friki Chris Coyier. Mira a este sitio para una sobresaliente colección de artículos, cómo-a, tutoriales, y la pantalla arroja, y por un conjunto activo de foros sobre CSS, javascript, PHP, y los sistemas de gestión de contenidos (CMS).

Nueva HTML 5 Elementos

A continuación se muestra una lista de todos los nuevos elementos propuestos para su introducción en la especificación de HTML5 en orden alfabético, con una breve descripción y una categoría de marcas asociadas.

Elemento
(Categoría)
Descripción
artículo
(Elemento de estructura)
Proporciona sección de formato para los elementos expositivos cortos likearticles, blogs, etc.
un lado
(Bloque semántica)
Pieza ligeramente relacionado de contenido para la página de acogida
audio *
(Medios Embedded)
Se utiliza para agregar audio para la reproducción asociada a la página web
lona
(Gráficos dinámicos)
Se utiliza para definir una región de la página en la que se puede producir el dibujo
comando *
(Metadata / flujo / redacción)
Utilice para definir elementos de la GUI de usuario
DataList
(Formularios la entrada del usuario)
Se utiliza para crear una lista de entradaelementos para los menús desplegables
detalles
(Formularios la entrada del usuario)
Proporciona información adicional o controles a los usuarios ondemand
incrustar *
(Comportamiento dinámico)
Enlaces a aplicación externa o contenido interactivo
figcaption
(Gráficos)
Proporcionar un título para un cifraelemento
cifra
(Gráficos)
Contenido de flujo independiente element- puede ser estática o dinámica
pie de página
(Elemento de estructura)
Concluyendo la información de un documento sección
encabezamiento
(Estructura del elemento)
Ayudas introductorias o de navegación en el inicio de cualquier página
hgroup
(Estructura del elemento)
Encabezado para una sección, o una colección de páginas dentro adocument
keygen
(Formularios La entrada del usuario)
Accesible al usuario el control para generar pares de claves para orencryption seguridad
Marcos
(Estructura semántica)
Marcar o resaltar una racha de texto en un documento, por referencein otro documento
medidor
(Gráficos)
Definir un indicador visual para algún tipo de medida
nav
(Elemento de estructura)
Se utiliza para definir una barra de navegación o área de una página Web
salida
(El contenido dinámico)
Algún tipo de salida de cálculo script o llamada a la API
progreso
(
Gráficos)
Un medidor visual para la realización de tareas (barra de progreso)
rubí
(Anotación)
Utilice para anotar idiomas ideográficos como orJapanese chino
sección
(Elemento de estructura)
Documento genérico o aplicación sección- trabaja con h1 # 133-h6to estructura del documento delineate
resumen
(Formularios la entrada del usuario)
Resumen, leyenda, o leyenda para la entrada de datos de la información
hora
(El contenido dinámico)
Valor para la fecha y / u hora que representa
vídeo *
(Medios Embedded)
Se utiliza para reproducir contenido de vídeo en la página Web
wbr *
(Estructura semántica)
Se utiliza para denotar posible punto de corte de línea de flujo de texto

* Este es un elemento vacío.