What is HTML and how can I understand it without nose bleeding?
To understand this please read the first article on HTML here.
5. So let's breakdown that article:
TItle
Name of Author (or subtitle)
Blank Line
First Paragraph
Blank Line
2nd Paragraph that contains a list
Intro To list
First item of the list
2nd
3rd
4th
Blank Line
Final Paragraph
5. In html like words:
TItle --> Heading
Name of Author (or subtitle) --->Sub Heading
Blank Line ---> Duh, a blank line
First Paragraph --->Paragraph 1
Blank Line --> Ditto
2nd Paragraph that contains a list ---->Paragraph 2
Intro to List --->Ordered list
First item of the list --->List Entry 1
2nd --->List Entry 2
3rd --->List Entry 3
4th --->List Entry 4
Blank Line ---> Blank!
Final Paragraph --->Paragraph 3
6. Let me give you some space so you can breathe after that severely technical lesson.
7. More space for you to breathe. Let's look at some flower to give you a break:
8. More space. Inhale. Exhale. Ready?
9. Actual moving to html territory now:
TItle --> Heading ---> H1
Name of Author (or subtitle) --->Sub Heading ---> H2
Blank Line --->Line Break ----> BR
First Paragraph --->Paragraph 1 ---> P
Blank Line -->Line Break---> BR
2nd Paragraph that contains a list ---->Paragraph 2 ---> P
Intro to List --->Ordered list --->OL
First item of the list --->List Entry 1 --->LI
2nd --->List Entry 2 ---->LI
3rd --->List Entry 3 ---->LI
4th --->List Entry 4 ---->LI
Blank Line --->Line Break ---> BR
Final Paragraph --->Paragraph 3 ----> P
9. Simplified, the article looks like this in structure:
H1
H2
BR
P
BR
P
OL
LI
LI
LI
LI
BR
P
10. Actual HTML means to put < and > around those letter set up there.
11. And that's how to read HTML. Easy huh? HTML is simply the structure of documents interpreted so the browser (safari, chrome) can understand what the text is being displayed. Is it a blank line (BR)? Is it a paragraph (P)? Is it a header (H1)?
12. Some HTML is more complex, like that of a link like this: Join the Marketing Insider. However, it's really not awfully complex since it's just A LINK:
From: Click here to Join the Marketing Insider ---> http://jhilario.com/marketinginsider
To: A Link HTTP Reference to http://jhilario.com/marketinginsider" but display the words "Click here to Join the Marketing Insider"
To : A HREF="http://jhilario.com/marketinginsider" but display the words "Click here to Join the Marketing Insider"
To: A HREF="http://jhilario.com/marketinginsider" Click here to Join the Marketing Insider A
To: The final HTML that has the < > around the letter As!
P.S. want to know more? Join the Marketing Insider to get even more easy to understand tutorials like these.
P.S. Http stands for HyperText Transfer Protocol, but you already know that c3po!
