Home > Tutorials > HTML > Inline Elements
Inline Elements
Next on our list are our inline elements. Inline elements will make text stand out, without inserting line breaks. There are 15 inline elements in total:
- <abbr>
- Use this whenever you have to abbr. (abbreviate!) something. Use the title attribute to note the full name of your abbreviation.
- <acronym>
- Why should a user read "National Organization of Men Against Amazonian Masterhood" when you can simply use the acronym tag and the phrase, "NO MAAM"? Like <abbr>, use the title attribute to note the full name of your acronym.
- <cite>
- You may want to put up a paper of sorts on your webpage. Any good paper has citations - use this tag to do it.
- <code>
- If you would like to display some code of yours, use this tag. You may have noticed in my previous example web page, I used a blockquote instead. While the two tags will both give the desired effect, it would be make more sense to use the <code> tag, as it holds more meaning.
- <dfn>
- Defining tag. The first time you use a term that may seem strange, put it in this tag.
- <em>
- Stands for emphasis - so use this when you want to emphasize something (i.e., We really have to go).
- <q>
- Have a short quotation? Put it in here.
- <strong>
- Used for strong emphasis - so use this for really important stuff.
- <samp>
- Sample output. Used in conjuncture with the <code> tag, use this to display what a piece of code should output.
- <kbd>
- Use this to display text entered by a user (i.e., text from they keyboard).
- <var>
- Variable tag. When you go and talk about your code, use this tag when you mention any variables.
- <sub>
- Subscript tag, renders font in subscript.
- <sup>
- Superscript tag, renders font in superscript.
- <ins>
- Insert tag. Use this when you want to indicate something was inserted into a document.
- <del>
- Delete tag. Use this when you want to indicate something has been deleted from a document.
If your code looks like mine, you've succeeded, and can go on to another lesson.
Comment on this page:
Comments
No one has commented on this lesson yet. You can be the first!