Fórum | tutoriais mais recente desenvolvimento web

HTML Exemplos


HTML básico

documento HTML
HTML cabeçalhos
parágrafos HTML
links em HTML
imagens HTML

Exemplos explicou


Atributos HTML

O atributo title
O atributo href
A largura ea altura atributos
O atributo alt
Atributo sem aspas
Atributo sem aspas não funciona

Exemplos explicou


HTML Títulos

HTML cabeçalhos
Regras horizontais HTML
cabeça HTML

Exemplos explicou


HTML parágrafos

parágrafos HTML
Mais parágrafos HTML
O uso de quebras de linha em HTML
Problemas poema (alguns problemas com formatação HTML)
Como controlar as quebras de linha e espaços com o <pre> tag

Exemplos explicou


Estilos HTML

estilos HTML
Cor de fundo HTML
Cor de texto HTML
Fonte de texto HTML
Tamanho do texto HTML
Alinhamento de texto HTML

Exemplos explicou


HTML a formatação do texto

Negrito usando o <b> elemento
Formatação forte usando o <strong> elemento
Formatação em itálico usando o <i> elemento
Enfatizou a formatação usando o <em> elemento
Formatação pequena usando o <small> elemento
Formatação marcada usando o <mark> elemento
Marcado excluída usando o <del> elemento
Marcado inserido usando o <ins> elemento
Marcado excluído e inserido usando <del> e <ins>
Formatação subscrito usando o <sub> elemento
Formatação superior usando o <sup> elemento

Exemplos explicou


Quotations HTML e Citações

A formatação de citações curtas com a <q> elemento.
Formatação citou os troços com o <blockquote> elemento.
Documento formatação informação do autor / proprietário com o <address> elemento
A formatação das abreviaturas e siglas o <abbr> elemento
Título do trabalho de formatação com o <cite> elemento
Direção de texto formatação com o <bdo> elemento

Exemplos explicou


Elementos Computercode HTML

Entrada de teclado formatação usando o <kbd> elemento
Formatação de saída do computador usando o <samp> elemento
Código de programação formatação usando o <code> elemento
Código de programação formatação preservar espaços em branco e quebras de linha
Formatação variável utilizando o <var> elemento

Exemplos explicou


Comentários HTML

comentários ocultos
comentários condicionais
Comentários para depuração

Exemplos explicou


CSS HTML

HTML com CSS in-line
HTML com CSS interna
HTML com CSS externa
HTML com fontes CSS
HTML com CSS usando o atributo id
HTML com CSS usando o atributo de classe
Fronteiras de HTML e CSS
HTML e CSS preenchimento
Margem de HTML e CSS
HTML e CSS demonstração completa

Exemplos explicou


links em HTML

Ligação, usando uma URL absoluta
Ligação, usando uma URL relativa
Alterar a cor dos links
Removendo o sublinhado de ligações
Alterar o destino de um link
Uma imagem como um link
Criando um link de marcador
Um link que irrompe de uma armação
Um link mailto
Um link mailto com o assunto

Exemplos explicou


Imagens de HTML

A montanha
Uma altura da imagem ea largura usando atributos
Uma altura da imagem ea largura utilizando CSS
Uma altura da imagem ea largura utilizando tanto
Uma imagem em outra pasta
Uma imagem com um link quebrado
Uma imagem em outro servidor
Usando uma imagem como um link
A imagem em movimento
Um mapa de imagem com as regiões clicáveis
Uma imagem flutuante

Exemplos explicou


Tabelas HTML

Tabelas HTML básico
A tabela com bordas
A tabela com bordas colapsados
Uma tabela com enchimento da célula
Uma tabela com títulos
Uma tabela com títulos alinhado à esquerda
Horizontais / títulos da tabela Vertical
Uma tabela com uma legenda
As células da tabela que se estendem por mais de uma coluna
As células da tabela que se estendem por mais de uma linha
Uma tabela com espaçamento de célula
Uma tabela com tags HTML dentro
Tabelas com estilo diferente usando id I
Tabelas com estilo diferente usando id II
Tabelas com estilo diferente usando classe I
Tabelas com estilo diferente usando a classe II

Exemplos explicou


Listas de HTML

Uma lista não ordenada (padrão)
Uma lista não ordenada com balas de disco
Uma lista não ordenada com balas círculo
Uma lista não ordenada com marcadores quadrados
Uma lista não ordenada, sem balas
Uma lista ordenada (padrão)
Uma lista ordenada com números
Uma lista ordenada com letras
Uma lista ordenada com letras minúsculas
Uma lista ordenada com números romanos
Uma lista ordenada com números romanos em minúsculas
A lista de inscrição
A lista aninhada I
A lista aninhada II
Uma lista horizontal
Um menu de lista horizontal

Exemplos explicou


Bloco HTML e elementos inline

Styling <div> elementos
Styling <span> elementos

Exemplos explicou


Classes HTML

Classing <div> elementos I
Classing <div> elementos II
Classing <span> elementos

Exemplos explicou


layout HTML

Layout usando <div> elementos
Layout usando elementos semânticos
Layout usando <table> elementos

Exemplos explicou


HTML IFrame

Quadro embutido (um quadro dentro de uma página HTML)

Exemplos explicou


Elementos cabeça HTML

Um documento HTML válido sem <html> <body, and <head>
Um documento HTML válido sem <head> elemento
O <title> elemento define o título do documento
O <style> elemento contém informações de estilo
A <link> elemento define um relacionamento para um recurso externo
O <meta> elemento define meta informação especial
O <script> elemento define JavaScripts do lado do cliente
O <base> elemento define o URL base para todos os URLs

Exemplos explicou


Scripts HTML

Insira um script
O uso do <noscript> tag

Exemplos explicou


formulários HTML

Formulário com a entrada de texto
Formulário com entrada de botão de rádio
Formulário com campos de texto e um botão de envio
Formulário com um campo de texto sem um atributo de nome
Agrupando dados de formulário
Enviar e-mail a partir de um formulário

Exemplos explicou


Elementos de formulário HTML

A lista drop-down simples
A lista drop-down com um valor pré-selecionado
A textarea (um multi-line campo de entrada de texto)
Um botão de entrada
Usando o <datalist> Elemento
Usando o <keygen> Elemento
Usando o <output> Elemento

Exemplos explicou


HTML tipos de entrada

Texto tipo de entrada
Password tipo de entrada
Tipo de entrada de rádio
Checkbox input type
Botão tipo de entrada
Número do tipo de entrada - com restrições
Número do tipo de entrada - com passos
Data tipo de entrada - com a data picker
Tipo de entrada de data - com restrições
Tipo de inserção de cor - com seletor de cores
Faixa tipo de entrada
Input type mês
Input type semana
Tempo tipo de entrada
Tipo de entrada de data e hora
Tipo de entrada de data e hora-local
Tipo de entrada de e-mail
Pesquisa tipo de entrada
Tipo de entrada tel
Tipo de entrada url

Exemplos explicou


Atributos de entrada HTML

O atributo autocomplete
O atributo novalidate
o autofocus_attribute
O atributo form
O atributo formaction
O atributo formenctype
O atributo formmethod
O atributo formnovalidate
O atributo formtarget
Os atributos de altura e largura
O atributo de lista
Os mínimo e máximo de atributos
O atributo multiple
O atributo padrão
O atributo de espaço reservado
O atributo obrigatório
O atributo etapa

Exemplos explicou


HTML5 Canvas

Desenhar na tela com JavaScript
Desenhar uma linha com lineTo ()
Desenhar um círculo com arco ()
Desenhar um texto com fillText ()
Desenhar um texto com strokeText ()
Desenhe um gradiente linear
Desenhe um gradiente circular
Desenhar uma imagem com drawImage ()

Exemplos explicou


HTML5 SVG

SVG Círculo
SVG Retângulo
SVG retângulo arredondado
SVG Estrela
Logo SVG

Exemplos explicou


HTML5 mídia

jogar coelho
Reproduzir vídeo urso com controles
Reproduzir vídeo urso com autoplay
Reproduzir som Cavalo com controles

Exemplos explicou


HTML5 Geolocation

Obter coordenadas de localização geográfica
Lidar com os erros de localização geográfica
Obter geolocalização com um mapa
Obter geolocalização com roteiro mapa do Google
Obter geolocalização e assistir a posição

Exemplos explicou


HTML5 armazenamento local

Armazenar um nome permanente
Armazenar um contador permanentemente
Armazenar um contador para uma sessão

Exemplos explicou


Mais Exemplos HTML5

HTML5 arrastar e soltar
Cache de aplicativo HTML5
Trabalhadores web HTML5
Eventos enviados do servidor HTML5