CS396: Spring 2022

Intro to Web Development

CS396: Spring 2022

HTML Resources > 2. Text Markup Tags

Login to LinkedIn Learning via Northwestern

This page covers how to mark-up text using several basic HTML tags. See the Formatting Content (6:58) video from LinkedIn Learning to get an overview, and then review the HTML tags below:

1. Paragraphs

The HTML <p> element defines a paragraph. Paragraphs require an opening and a closing tag.

Additional Resources

2. Headings

Headings are defined using the <h1> to <h6> tags, where <h1> is the most important and <h6> is the least important. Like paragraphs, headings require an opening and a closing tag. Headings show document structure: users skim web pages by looking at the headings, and search engines use them to index the structure and content of your web pages.

Additional Resources

3. Line Breaks & White Space

Line breaks are defined using the <br> tag. Use this tag if you want force a line break (a new line) without starting a new paragraph.

Additional Resources

4. Text Emphasis

<span>, <em>, and <strong> tags are frequently used to highlight or emphasize text.

Additional Resources

5. Horizontal Rules

<hr> tags are used to create separators.

Additional Resources