Today we're going to walk through some HTML basics that everyone should know!
HTML stands for Hyper-Text Markup Language. That means that text is "marked up" to give it structure and link to other text. Text is marked up with tags to define what the text should look like or where it should go. For example:
This is a level 1 header tag. That's the biggest kind of header text. Notice the structure of a tag: open angle bracket, tag name, closing angle bracket. Then the text inside the tag. Then the closing tag: open angle bracket, slash, tag name, closing angle bracket. If you mess up even one letter, your tag won't work properly.
Here's a nice side-by-side of how some tags work. Notice how tags can be nested inside each other.
Try adding the following tags to your document to see what they do. Remember to save each change!
Just like an essay, a web page has structure. While the tags would work just scattered around a document, using the right structure helps everything make sense (just like in an essay). The image below shows the basic structure. Notice how we use indentation to keep nested things organized. Try to apply this structure to your web page!
The web is more than just text, right? As a user, yes, but under the hood it's all marked up text! To learn how to write these more complex tags, let's head over to CodeCademy.com. That link will take you to a refresher about some basic tags and then onto links and images!
Take your knowledge to the next level with these lessons!