HTML, XHTML e CSS For Dummies

A tabela a seguir contém uma lista de cores nomeadas você pode usar no código HTML e CSS para criar um site mais colorido. As cores são dadas com seus valores hexcode RGB correspondentes e de uma amostra de cor representativa.

Nome Hexcode
água# 00FFFF
Preto# 000000
Azul# 0000FF
Fúcsia# FF00FF
Cinzento# 808080
Verde# 008000
Lima# 00FF00
Maroon# 800000
Marinha# 000080
Oliva# 808000
Roxa# 800080
Vermelho# FF0000
Prata# C0C0C0
Cerceta# 008080
Branco#FFFFFF
Amarelo# FFFF00

HTML, XHTML, CSS e Sites de Recursos

Não há falta de bons recursos de HTML on-line, mas alguns são simplesmente tão superlativo que você vai querer vê-los todos para fora. Os seguintes sites fornecem ajuda em HTML, XHTML e CSS, bem como gráficos para a Web e design:

  • O Consórcio World Wide Web não é apenas a fonte de onde HTML, XML, XHTML, CSS, e um lote inteiro mais molas, é também uma grande fonte de informações, tutoriais e ferramentas.

  • O Grupo Web Design tem o lema "Tornar a Web acessível a todos", mas também tenho ótimas referências e ferramentas, bem como fóruns de ajuda, FAQs abundância, e alguns grandes guias de design e informação de código de cores.

  • Escolas W3 tem lotes de material livre e útil - incluindo tutoriais HTML e XML que cobrem as noções básicas de marcação, além de CSS, toneladas de aplicações XML, inúmeras linguagens de script para scripts cliente quanto do lado do servidor, e muito mais.

  • Webmonkey tem uma extensa how-to biblioteca que abrange lotes de temas interessantes em (para abridores) de autoria Web, design, multimédia e e-business, bem como referências rápidas para tudo, desde o javascript para caracteres especiais e códigos de cores.

  • A List Apart Revista tem grande conteúdo (e ideias para aspirantes a Web designers e desenvolvedores) para compartilhar. Lotes de tempo integral, desenvolvedores profissionais, designers, arquitetos e gerentes de projeto estão activos neste site.

  • WebDesignerDepot é um site Web design que procura e descreve novas e diferentes técnicas de design gráfico. Além disso, oferece bons exemplos e boas práticas para Web e design gráfico.

  • Revista Smashing tem como objectivo a sua cobertura em cheio a Web designers e desenvolvedores. Destina-se a mantê-los a par das últimas tendências, ferramentas e técnicas relacionadas com os seus interesses de design e desenvolvimento.

  • Biblioteca Virtual da Web do desenvolvedor é um tesouro de informações, tutoriais e ferramentas de cobertura, com técnicas de design Web e programação.

  • Noupe é uma revista baseada na Web que tem como alvo os Web designers e desenvolvedores com as últimas informações, abordagens de design e dicas para HTML, CSS, AJAX, javascript, gráficos, tipografia, e assim por diante.

  • CSS-Tricks é "curada" por # 252-ber Web (e CSS) do geek Chris Coyier. Olhe a este local para uma notável colecção de artigos, como-a, tutoriais, e tela de lança, e por um conjunto ativo de fóruns on CSS, javascript, PHP, e sistemas de gerenciamento de conteúdo (CMS).

New HTML 5 elementos

Abaixo está uma lista de todos os novos elementos propostos para a introdução na especificação HTML5 em ordem alfabética, com uma breve descrição e uma categoria de marcação associado.

Elemento
(Categoria)
Descrição
artigo
(Elemento da estrutura)
Fornece seção formatação para itens expositivas curtas likearticles, blogs, etc.
de lado
(Bloco semântica)
pedaço ligeiramente relacionado de conteúdo para página de acolhimento
auditivo *
(Mídia embutido)
Usado para adicionar áudio para reprodução associada a página da Web
lona
(gráficos dinâmicos)
Utilize para definir uma região de páginas no qual o desenho pode ocorrer
comando *
(Metadados / fluxo / fraseado)
Utilize para definir elementos do usuário GUI
datalist
(Formulários entrada do usuário)
Use para criar uma lista de entradaelementos para menus suspensos
detalhes
(Formulários entrada do usuário)
Fornece informações adicionais ou controles para usuários ondemand
embutir *
(Comportamento dinâmico)
Links para o aplicativo externo ou conteúdo interativo
figcaption
(Gráficos)
Fornecer uma legenda para um figuraelemento
figura
(Gráficos)
element- conteúdo de fluxo Standalone pode ser estático ou dinâmico
rodapé
(Elemento da estrutura)
Concluindo informações para uma seção do documento
cabeçalho
(Estrutura Element)
ajudas introdutórios ou de navegação no início de qualquer página
hgroup
(Estrutura Element)
Cabeçalho para uma seção, ou um conjunto de páginas dentro adocument
keygen
(Formulários A entrada do usuário)
controle acessível ao utilizador para gerar pares de chaves para orencryption segurança
marca
(Estrutura semântica)
Mark ou destacar uma série de texto em um documento, por referencein outro documento
metro
(Gráficos)
Definir um indicador visual de algum tipo de medição
nav
(Elemento da estrutura)
Utilize para definir uma barra de navegação ou área em uma página da Web
saída
(Conteúdo dinâmico)
Algum tipo de saída do cálculo script ou chamada de API
progresso
(
Gráficos)
Um medidor visual para a conclusão da tarefa (barra de progresso)
rubi
(Anotação)
Use para anotar idiomas ideográficos como orJapanese chinês
seção
(Elemento da estrutura)
documento genérico ou aplicativo seção, trabalha com # estrutura do documento delineate 133-h6to h1
resumo
(Formulários entrada do usuário)
Resumo, legenda, ou legenda para a entrada de detalhes informações
Tempo
(Conteúdo dinâmico)
Valor que representa a data e / ou hora de
vídeo *
(Mídia embutido)
Use para reproduzir conteúdo de vídeo na página Web
wbr *
(Estrutura semântica)
Use para denotar possível ponto de quebra de linha para o fluxo de texto

* Este é um elemento vazio.

menu