HTML 5 + Spacing - Post ID 200749
bough
Registered User
1,718 posts
Hello CoffeeCup community. I am still learning HTML and purchased the guidebook from CoffeeCup, however there is spacing in HTML that I do not understand. When you write code to start a page, there are several "tab" spaces in front of the code, aligning the whole page of code in different areas. Can someone explain these spaces and what they mean please? I am used to using VSD, or copy/pasting code into already coded areas. I want to learn from scratch. Thank you!! - Matt.
Eric Rohloff
Senior Advisor
20,266 posts
It's just to make the code more readable. If you look at the beginning tag for each element the ending one will usually be below it at the same tab distance from the left side making it easier to find for editing. If all the code was mashed to the left it would be very hard to figure out.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
bough
Registered User
1,718 posts
Hey there Eric!! Is there some sort of method to this madness? Do I just tab to the right once, then twice, every 3 lines? I'm not sure cause the code doesn't show up on my HTML without the spaces on it.
Eric Rohloff
Senior Advisor
20,266 posts
Take a look at the small example I attached. The top of the example is easy to pick out the different div's and the bottom not so easy.
The top of the example is easy to pick out the different div's and the bottom not so easy.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
SirAGE
Registered User
1,625 posts
I think of it as an Outline of a paper.
You have the main topic which is HTML. Then you have the body which is inside the HTML. And a Div inside the body, and a link within the div and an img within the link.
HTML
body
div
a
img
HTML
You have the main topic which is HTML. Then you have the body which is inside the HTML. And a Div inside the body, and a link within the div and an img within the link.
HTML
body
div
a
img
HTML
"An Apple doth not fall far from its tree, yet an orange does."
https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
bough
Registered User
1,718 posts
Cool thanks guys i'll have a look! 
bough
Registered User
1,718 posts
Hey Eric, I took a look at the coding that you have provided, i'm talking about the actual spacing in between, is it like ( One Tab ) = Then Start Coding, then (Two Tabs) = Then Start coding? I'm looking at the actual spacing. I'll do a video and post what i'm talking about in a few minutes here. Thanks for the help btw guys it's awesome having people around to help!
Eric Rohloff
Senior Advisor
20,266 posts
ok:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
bough
Registered User
1,718 posts
Hey Eric sorry i'm late, I had to re-purchase my video software, thanks for taking a look!!! .. darn it's not letting me upload cause it's 2.50 megs. Can I have your e-mail? Mine is
uncleplusmax at sbcglobal dot net e-mail me please and i'll reply! Thanks!
.. darn it's not letting me upload cause it's 2.50 megs. Can I have your e-mail? Mine isuncleplusmax at sbcglobal dot net e-mail me please and i'll reply! Thanks!
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
