me expliquem oq é uma <div> ??
fala galera, to começando agora em progamação e gostaria de entender oq de fato uma '' faz, eu sei que uma tag, mas qual seu caso de uso mais importante? e suas boas práticas????
Ler a documentação é fundamental para entender qualquer assunto de forma mais completa. Porém para dar uma resumida, uma "div" funciona como um container que pode ser atribuído um id e class afim de estilizar ou organizar um grupo de tags. É legal ler um pouco sobre semântica para manter seu código mais legível e organizado. Da uma olhada na documentação para se aprofundar mais, nosso amigo @giovanne colocou um link bem alí ⇓
Dei uma aula ontem sobre HTML pra uma amiga e essa foi a definição que eu usei: DIV é um quadradinho invisível sem altura nem largura. Ele passa a ter a altura e a largura dos elementos que estiverem dentro dele. Serve só pra agrupar mesmo. Tipo: eu tenho 3 parágrafos e os 2 primeiros são especiais porque são um tipo de resumo.. eles vão ter formatação especial e uma borda que envolve os dois. daí eu coloco:
<div>
<p> primeiro paragrafo especial </p>
<p> segundo paragrafo especial </p>
<div>
<p> tereceiro paragrafo </p>
O codigo acima não muda nada se voce usar ou não usar a DIV.
Mas se usar, tem como transformar ela em <div style="border-style: solid;"> e daí você vê a mágica acontecendo somente nos dois parágrafos que você "juntou" debaixo dessa div.
Fez sentido ??sd
Bom dia,
A galera já falou bastante infos sobre div, eu deixo aqui algo que talvez sejá óbvio, talvez não.
Como exemplificar que a <div> é realmente coringa???
Você pode considerar o seguinte:
Você consegue estilizar uma <div> pra ela se comportar como:
<h1>
<h2>
<h3>
<p>
<section>
<header>
<main>
<footer>
<nav>
<article>
<aside>
E tem outras...
Resumindo com a famosa frase, É TUDO DIV!!!
Para ajudar num HTML mais 'legível' temos essas tags, que são simplificadamente divs já estilizadas para uso específico.
Espero que tenha ajudado de alguma forma.
Abraços,
Manozzo