HTML Notes: Divs, Hashtags, Classes and Comments – Oh my!

To learn more about HTML, I’m:

  • Taking the Udemy course “Programming for Entrepreneurs – HTML & CSS” by Pablo Farias Navarro.
  • Practicing my skills using the Brackets code editor.
  • Playing around on the Lrn app whenever I have a free moment. This app is pretty cool. It’s free and covers everything from HTML to Ruby and Python. It’s not extensive (and over scaffolds a bit), but I love the UXD – crystal clear and straight to the point.

My New Learning

  • div – It holds elements in a container in HTML. Much like a cupcake tin.


  • id – It’s a selector in HTML that you can use to apply CSS styling to a single element. It allows you to make elements look uniquely different.


  • class – It’s a selector in HTML that helps you apply CSS styling to a set of HTML elements. It allows you to apply the same styling to multiple elements.


  • Comments in HTML. They let you leave secret comments for yourself so you can understand your code later. Comments are like breadcrumbs – when you get lost in all your code, your comments help you orient yourself.
“Make the date pop here.”

Quick Reference

in HTML (use ) in CSS
div  div N/A
id div id=(Unique Name for Element) #(Unique Name for Element){}
class div class=(Unique Name for Multiple Elements) .(The same Unique Name for Multiple Elements){}


div & id in HTML
I used the ID selector “questions” to apply CSS styling to this single element.

div & class in HTML
I used the class selector “tile” to apply CSS styling to five elements on my page. To prevent having to style each one individually, I used a class selector.
class & id in CSS

New Skill Learned: HTML: divs, class and id. | CSS: .class and #id


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s