-
Notifications
You must be signed in to change notification settings - Fork 34
Arquivo index.html criado #2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Parabéns, Daniele, bom trabalho!
| <html lang="pt-br"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title></title> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
É 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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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.