What this Course Will Cover
1. Starting an HTML Document
2. Creating a Header 3. Forming a Div 4. Writing Paragraphs 5. Making an Ordered List 6. Making an Unordered List 7. Constructing a Table 8. Embedding a Hyperlink 9. Embedding an Image 10. Turning an Image into a Hyperlink |
Helpful Tips
Text Editors
Text editors are the tools that people use to write the HTML code. There are a lot of text editors out there, like Dreamweaver, Sublime Text, TextEdit (for Macs only), and NotePad (for Windows only), so feel free to use one that makes you feel comfortable.
Some of the more advanced text editors automatically fill in lines of code, but if you are just starting out then you should use a simple editor. Coding the HTML by hand will help you to learn more quickly! Online HTML editors, such as HTML Instant and CodePen, are simple to use and suitable to practice code. |
This course will provide links to HTML Instant so that you may practice in a separate tab, but feel free to use whatever text editing tools that you want!
|
Basic Tags
Tags are to HTML as words are to any language! Tags help build the content in an HTML structure, so let’s go over a few basic terms to use later on when we code a simple webpage.
|
This is a lot to remember, huh? Well, don’t worry! We will be going into further detail for each tag, and we will be putting them to good use when we start our webpage. This will give you a chance to play around with each line of code to see what these tags can do!
|
How Do These Tags Work?
Before we finally start coding, we need to have a basic understanding of how the tags work. Each element has an opening tag and a closing tag with some content placed in between.
According to research done at Drexel University, one of the most common errors for people just starting to learn code is forgetting to close tags! A web browser cannot read a document that has unclosed elements because it thinks that the tag continues on and on down the page. Take a look at how tags are opened and closed and where the content is placed. |
When you feel ready, head over to the
Get Coding page and begin using HTML! |