Skip to content

Lesson #2: Bare Bones

Madison Pfaff edited this page Jun 26, 2018 · 11 revisions

"Madi, can we please start coding!?!?"

Yes, Yes, YES!!! AHH 😄 THE TIME IS HERE. 👏

As I mentioned in the previous page, we are only focusing on building the index.html file, our web page's structure without all the glitter and sparkles ✨.

  1. Make a new file in your project folder by selecting File > New File. Title this new file index.html.

Now let's play!!! 🙌

Every html page starts with the same line:

<!DOCTYPE html>

Reason being, the server needs to know how to read the file. It is just like the process of calling in to make a reservation at your favorite restaurant (mine is Suraya in Philadelphia 😍, if you're ever in town TAKE ME WITH YOU). When you arrive at the restaurant, you tell the host your name (aka the <!DOCTYPE html>). Thus, informing the host who you are/what to do with you and your party. 🎉

This line will not be visible when the web page is displayed (do you see it anywhere on this page?). Now go ahead and type <!DOCTYPE html> in the first line of your index.html file.

  1. We're going to commit this change to our index.html file to enforce great habits!
    • Save the updated index.html file
    • Open GitHub Desktop application to your current repository
    • Write a commit message and push the changes by clicking on the commit button
    • Click Sync at the top right corner to synchronize the changes with the lesson #2 branch.
    • Celebrate 🎉