Difference Between <DIV> Tags?

[St4nley]

Hey so for a while now thanks to devbest i have been inspired to start coding. throughout my learning i have viewed many sources of code and i have come up with this question that i can not seem to understand.
I understand that div's are all linked to style sheets, but what i don't understand is the difference bettwen <div id> and <div class> and if there are any other ones may you please explain. Thank You!

 

[Sysode]

Sorry if I don't explain this in depth, it's early and I'm on my phone.

Anyway, div id looks like this in a stylesheet - #element
Where as, a div class would look like this - .element

Notice how ids use hashtags and classes use .

 

[Sean]

You use div's to create new elements and you use classes to add extra styling to the elements, or other HTML tags

Example: <div id="box"> starts a new element box that will have a box style to it, then you can use a class to change it's color

<div id="box" class="red">
<div id="box" class="blue">

etc.

 

[Ecko]

You use div's to create new elements and you use classes to add extra styling to the elements, or other HTML tags

Example: <div id="box"> starts a new element box that will have a box style to it, then you can use a class to change it's color

<div id="box" class="red">
<div id="box" class="blue">

etc.

To expand on this:
id's are unique, classes are not. For example, you should only use id of "box" once per page. id's also take precedence over classes because of specificity (

You must be registered for see links

).

Here's how somehow explained it to me a long time ago (think of it as school)
<div id="JohnSmith" class="Math">
<div id="JaneDie" class="Math>

Each student has their own ID, but they can share classes with each other. No student would have the same ID.

Easiest way is to read the documentation:

You must be registered for see links

 

[Sean]

<div id="JohnSmith" class="Math">
<div id="JaneDie" class="Math>

Each student has their own ID, but they can share classes with each other. No student would have the same ID.

I like that, never heard it put that way before but that is quite a cool way to put it

 

[St4nley]

Thank's to everyone i understand how it works now!, but in what instance this may be used is i will spend some time thinking about it, anyways i greatly appreciate all of your help, this has been on my mind for some time now!

You must be registered for see links

You must be registered for see links

You must be registered for see links

Thank You All, this means a lot!

Edit: after reading this i looked at my code that im making to increase my skills and i thought of something

<div id="Container">
<div id="Logo">
<div id="Input">
<p> Welcome To Index Please Log In Or Register Here! <a href="register.html">Registration</a>
<form>
Username: <input type="text" name="Username"><br><br>
&nbsp;Password: <input type="text" name="Password">
</form>
</p>
</div>
</div>
</div>
since logo, and the input go into the Container would container be considered a class? Thank You!