HTML Resources: Text Markup Tags
The simplest HTML tags are those that help your browser understand how to interpret blocks of text. Use these tags to structure your text content. They tell the browser how to display your words.
1. Paragraphs
The HTML <p></p> tag defines a paragraph. Paragraphs require an opening and a closing tag.
Additional Resources
- W3Schools Reference: http://www.w3schools.com/html/html_headings.asp
2. Headings
Headings are defined using the <h1></h1> to <h6></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
- W3Schools Reference: http://www.w3schools.com/html/html_headings.asp
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
- W3Schools Reference: http://www.w3schools.com/html/html_paragraphs.asp
4. Text Emphasis
<span></span>, <em></em>, and <strong></strong> tags are inline tags that are used to group or emphasize text.
<em> = emphasis (usually italic), <strong> = strong emphasis (usually bold), <span> = no visual change by itself, but useful for styling with CSS.
Additional Resources
- http://www.w3schools.com/tags/tag_span.asp
- http://www.w3schools.com/tags/tag_em.asp
- http://www.w3schools.com/tags/tag_strong.asp
5. Horizontal Rules
<hr /> tags are used to create separators.
Additional Resources