Olá! Tudo bem?
Hoje iremos aprender como trabalhar com Menu, o que mudou e como podemos trabalhar com essa nova TAG "<nav>"
No html5 existe a característica semântica, ou seja, temos que dá significado a todas as informações, e não vai ser diferente no Menu do nosso site, temos que informar ao browser que aquela é um menu e que tipo ele é.
A TAG responsável por isso é <nav></nav>, faça o exemplo a seguir:
e dentro desse <nav> que colocamos as informações do Menu, como por exemplo:
um título para dar a característica semântica
agora iremos colocar as informações
Listas
que podem ser:
- Listas Ordenadas(Order List)
- <OL></OL>
- Listas Não Ordenadas(Unorder List)
- <ul></ul>
Então, no caso iremos utilizar uma lista não ordenada<ul>, faça o exemplo abaixo, veja:
pronto o nosso Menu já tem a característica semântica e já tem a lista de páginas que iremos criar para o nosso site.
Obs: não se importe com a aparência que o menu ficou, pois para deixa-lo bonitinho, iremos utilizar o CSS, mais isso é uma outra história.
Conteúdo para o Site
Continuando nossa aula, agora iremos adicionar conteúdo ao nosso site, lembre-se sempre tem que haver a característica semântica, para tanto, sempre começamos com os Títulos(headeres)
Então vamos padronizar nossas postagens, vamos sempre colocar da seguinte forma:
Um Título Principal<h1>
Um Título Secundário<h2>
Uma imagem
e Um Parágrafo para exemplificar
Padronizando o seu Site fica com características profissionais e melhor de se navegar.
Vamos Trabalhar?
Agora seguindo o exemplo acima faça 8 postagens com assuntos relevantes para o seu site, lembre de seguir a padronização, neste momento não é necessário colocar imagens, pois isso será objeto da nossa próxima aula
Boa Sorte!
0 comentários:
Postar um comentário