Escolha um tema de sua preferência e faça um página web que atenda ao que se pede:
- Sua página deve conter, pelo menos, dois cabeçalhos de tamanhos diferentes e dois parágrafos
- Coloque os elementos relacionados dentro de divs
- Modifique seus parágrafos usando pelo menos 3 tags de formatação de texto
- Coloque uma imagem com um link para outra página relacionada
- Adicione uma tabela com dados interessantes
- Modifique a cor de fundo ou cor da letra de, pelo menos, três elementos. Use RGB, HEX e nome da cor para descrever as cores (pelo menos uma vez cada)
- Mostre um site interessante no final da página usando Iframe
Instruções: Faça um “blog” contendo artigos sobre um assunto específico sempre usando as tags estruturais semânticas do HTML 5 (article, section, header, footer). Escolha um tema de sua preferência e implemente o que se pede:
- Seu blog deve conter um cabeçalho com o nome do blog
- Coloque o nome do blog também no título
- Seu blog deve conter um navegador que tenha 3 links que levem a outras páginas sobre o assunto
- Seu blog deve conter pelo menos 2 artigos com cabeçalho com textos sobre o assunto. Pelo menos um desses artigos deve ter mais de uma seção.
- Faça um terceiro artigo contendo um desenho SVG usando círculos e linhas (http://www.w3schools.com/svg/svg_line.asp) para desenhar um boneco de palito.
- Faça um quarto artigo com audios e vídeos sobre o assunto. Vídeos podem ser do YouTube (http://www.w3schools.com/html/html_youtube.asp)
- Faça um quinto artigo com formulário de cadastro de usuários. Esse usuário deve fazer requisições GET à página https://www.w3schools.com/action_page.php. Seu formulário deve conter:
a. Um campo texto para nome com que permite no máximo 15 caracteres
b. Um campo texto apenas para leitura
c. Um campo numérico para inserir números entre 25000 e 30000
d. Um input do tipo radiobox
e. Um input do tipo checkbox
- Incremente o blog da atividade em sala 2 substituindo tags div por tags semânticas do HTML 5 (article, section, header, footer ...).
- Adicione um folha de estilo CSS externa para estilizar sua página HTML. Use, pelo menos, três tipos de seletores diferentes ao fazer as próximas questões.
- Adicione um gradiente em background usando o “gradient_bg.png” usando de modo que fique parecido com isso: https://www.dropbox.com/s/a40i7ku680oph8w/gradient_bg.png
- Adicione bordas, margin e padding aos seus artigos usando tanto as propriedades separadamente quanto os atalhos. Utilize pelo menos três estilos de borda diferentes, três cores diferentes para as bordas. Como unidade de medida, utilize, pelo menos, duas unidades de medida relativas e duas medidas absolutas.
- Mude o estilo do texto mudando a fonte, a cor, o tamanho e alinhe o texto para o centro.