-
-
Notifications
You must be signed in to change notification settings - Fork 1
Lesson #2: Let's Add Some Structure
Now that we have some text to work off of from Step #10, let's add some structure with HTML tags and elements!
Below is a table of the different types of elements you can use and how to use them. You don't have to use all of them, but this is a great point of reference for the future.
I also have a package in my text editor, language-html, that offers html language support when you're coding by offering suggestions and descriptions as you go. To install the package in Atom, navigate to the top menu bar > Atom > Preferences > (a new side bar will pop up on your editor) > Install > type html in the search bar > Install language-html.
We're going to start with the basic html structure. Take your index.html file with your "why" and your roadmap and format it in this way.
<!DOCTYPE html>
<html>
<head>
<title>website title</title>
</head>
<body>
WHY
ROADMAP
</body>
</html>Every opening tag needs a closing tag, like <body> WHY ROADMAP </body>