Originally Posted by infinity
So from what i understand so far, HTML is the words and such that we read on the page? and CSS is the design layout part?
No, the words are content — they're neither HTML nor CSS.
HTML is the code that provides the structure for the document. HTML specifies what is a paragraph and what is a headline or what is a pullout quote. It tells the user agent (the browser) what is the main copy and what's a footnote and what's a sidebar. It differentiates between things like tables and graphics and photos.
CSS is the code that specifies how those structural elements will be displayed. It specifies, for example, what typeface will be used in the paragraphs or what size the headlines will be. It gives the designer the ability to put, say, a colored background and a rule around that sidebar or add extra space around the text inside the box.
In other words, HTML defines and categorizes the elements on a web page. CSS is then used to define what those elements should look like.