Arquivo index.html criado#2
Conversation
Esta é a primeira parte do desafio: Estruturação do HTML.
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title></title> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/<font-> </font->awesome/4.7.0/css/font-awesome.min.css"> |
There was a problem hiding this comment.
Atenção: Acho que seu editor auto-completou erradamente uma tag alí e se meteu no meio do FontAwesome!
| </form> | ||
|
|
||
| <h4>Mídias</h4> | ||
| <hr> |
There was a problem hiding this comment.
Semanticamente o <hr> tem a função de separar áreas que abordam conteúdos com temas diferentes e não deveria ser usado apenas por questões visuais. Referência: https://www.w3schools.com/tags/tag_hr.asp
tarcilas
left a comment
There was a problem hiding this comment.
Parabéns, Daniele, bom trabalho!
| <html lang="pt-br"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title></title> |
There was a problem hiding this comment.
Escreva um título para a página e coloque o favicon (icon.ico).
| </div> | ||
|
|
||
| <nav id="menu"> | ||
| <a href="#">HOME</a> |
There was a problem hiding this comment.
Coloque as referências para as respectivas seções.
| <div id="banner"> | ||
| <img src="images/Slider.png" alt=""> | ||
| <img src="images/slider01.png" alt=""> | ||
| <article> |
There was a problem hiding this comment.
Acho que tag article não foi muito bem empregada, essa tag é normalmente usada para separar artigos, como em blogs, por exemplo. Eu usaria a tag section, para separar as seções definidas no menu.
| <!--Início da sessão de serviços--> | ||
| <section> | ||
| <img src="images/Service1.png" alt=""> | ||
| <h3>Websites</h3> |
There was a problem hiding this comment.
É uma boa prática respeitar a hierarquia dos Headings h1, h2, h3..., não pular de h1 para h3 só por causa do tamanho da fonte, pois isso depois será mudado na aplicação de estilos.
| <hr> | ||
| </article> | ||
|
|
||
| <aside> |
There was a problem hiding this comment.
Não usaria a tag aside neste menu, pois ele está em uma das seções principais do site, não está à parte (aside), ou seja, destacado nas laterais.
| <!--Divisão Quem sou eu--> | ||
| <article> | ||
| <h1>Quem sou eu</h1> | ||
| <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non.</p> |
There was a problem hiding this comment.
Você já pode customizar o texto, foto, contatos e redes sociais, afinal esse será seu portfólio.
Inclusão do link para o Desafio #2
Esta é a primeira parte do desafio: Estruturação do HTML.