21758867
Descrição
Mapa Mental por Filipe Ventura, atualizado more than 1 year ago
|
Criado por Filipe Ventura
mais de 4 anos atrás
|
|
Linguagem de marcação
- Para definir a língua no documento html, utiliza-se o atributo
LANG: <html lang = “pt-br”>
- A teg HEAD, declaramos as tags de scripts e de
metadados, que são informações adicionais da
página
- título da página, folhas de estilos,
scripts, links e outras informações
de configuração da página, assim
como as informações de SEO
- título da página, folhas de estilos,
scripts, links e outras informações
de configuração da página, assim
como as informações de SEO
- Folhas de estilos :
CSS (Cascading Style
Sheets)
- Funcionalidades:
- Economia de tempo na criação de páginas;
- Diminuição do código da página;
- Maior velocidade para carregar a página;
- Maior facilidade para manter ou modificar as páginas;
- Maior controle na criação do layout da página
- Economia de tempo na criação de páginas;
- Declarando estilos:
- inline: onde o código CSS está junto
com o código HTML
- linkado: quando utilizamos um arquivo externo
- incorporado, quando é declarado no início da
página HTML.
- inline: onde o código CSS está junto
com o código HTML
- Funcionalidades:
- Exemplo
- html:
Anotações:
- <DOCTYPE html> <html lang = "pt-br"> Página de exemplo Botão normal Botão estilo
- css:
Anotações:
- .botao { font:bold 20px Tahoma, Geneva, sans-serif; font-style:normal; color:#ffffff; background:#1568db; border:0px solid #ffffff; text-shadow:0px -1px 1px #222222; box-shadow:2px 2px 5px #000000; -moz-box-shadow:2px 2px 5px #000000; -webkit-box-shadow:2px 2px 5px #000000; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; width:65px; padding:10px 34px; cursor:pointer; margin:0 auto } .botao:active { cursor:pointer; position:relative; top:2px }
- html:
Anexos de mídia
Quer criar seus próprios Mapas Mentais gratuitos com a GoConqr? Saiba mais.