Basico do Basico de HTML5!

Notas do editor:
“A principio gostaria de dizer que ainda sou um mero estudante e continuarei sendo nessa vida que escolhi ter, pois nunca paramos de aprender nessa área.
Sendo assim, se tiver alguma sugestão, algo a complementar ou corrigir algo em …


This content originally appeared on DEV Community and was authored by Bieldeid

Notas do editor:
"A principio gostaria de dizer que ainda sou um mero estudante e continuarei sendo nessa vida que escolhi ter, pois nunca paramos de aprender nessa área.
Sendo assim, se tiver alguma sugestão, algo a complementar ou corrigir algo em meus resumos, fique a vontade.
Estou fazendo isso para melhorar meu aprendizado e passar o conhecimento que adquiri! Sendo assim, tenha um belo dia! <3"

Bom, você ai que quer entrar no ramo da programação mas não sabe por onde começar ou quer ter a primeira experiência, aqui vai uma dica que eu dou, e que provavelmente nem irá precisar instalar uma IDE para tal. (Caso não saiba o que é uma IDE ou o básico das outras coisas e quer saber mais, da uma olhada no perfil do https://dev.to/darrow)

A principio vamos saber o que significa HTML5:
HTML (Hyper Text Markup Language) é nada mais nada menos do que:

  • Um arquivo que contem marcadores (tag).
  • Essas tags indicam para o navegador (browser) como a página deve ser apresentada.
  • Marcadores usualmente vem em pares <tag>...</tag>
  • Também podem aparecer de forma abreviada como: <tag atributo="valor".../>

Agora, vamos compreender um pouco das tags que utilizamos no html5, lembrando, apenas o básico!

<html> - Define um documento HTML, tudo que estiver nele será apresentado no navegador.

<head> - Define e configura o topo do seu site/código, como o título e outros

<title> - Define o título do seu site, que fica nas abas do navegador

<body> - Define o corpo do HTML, tudo que estiver nele será visível no site.

<h1> até a <h6> - Define cabeçalhos de 1 a 6

<p> - Define um parágrafo.

<br> - Define uma quebra de linha.

Sendo assim, vamos fazer o seu primeiro site?

Abra seu bloco de notas e escreva isso aqui:
Alt Text

Após finalizar, salve-o como "index.html" e execute-o, se você fez tudo certinho, o site irá aparecer dessa forma:
image

Espero que você tenha consigo realizar o seu possível primeiro site de muitos outros.
Não se esqueça de fuçar nesse código e entender mais um pouco sobre o que cada tag faz e etc.
Agradeço se leu até aqui, um abraço e até a próxima!


This content originally appeared on DEV Community and was authored by Bieldeid


Print Share Comment Cite Upload Translate Updates
APA

Bieldeid | Sciencx (2021-06-24T03:13:37+00:00) Basico do Basico de HTML5!. Retrieved from https://www.scien.cx/2021/06/24/basico-do-basico-de-html5/

MLA
" » Basico do Basico de HTML5!." Bieldeid | Sciencx - Thursday June 24, 2021, https://www.scien.cx/2021/06/24/basico-do-basico-de-html5/
HARVARD
Bieldeid | Sciencx Thursday June 24, 2021 » Basico do Basico de HTML5!., viewed ,<https://www.scien.cx/2021/06/24/basico-do-basico-de-html5/>
VANCOUVER
Bieldeid | Sciencx - » Basico do Basico de HTML5!. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/24/basico-do-basico-de-html5/
CHICAGO
" » Basico do Basico de HTML5!." Bieldeid | Sciencx - Accessed . https://www.scien.cx/2021/06/24/basico-do-basico-de-html5/
IEEE
" » Basico do Basico de HTML5!." Bieldeid | Sciencx [Online]. Available: https://www.scien.cx/2021/06/24/basico-do-basico-de-html5/. [Accessed: ]
rf:citation
» Basico do Basico de HTML5! | Bieldeid | Sciencx | https://www.scien.cx/2021/06/24/basico-do-basico-de-html5/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.