HTML Round 3: More Tags!

In this post, I will demonstrate how to use an expanded set of HTML tags that are useful for formatting and design purposes. In the previous post about HTML, I demonstrated the usage of headings, links, lists, and some basic text formatting. This post will highlight even more ways to modify the appearance of text, among other things. The list of new tags that will be used in this post is as follows:

<br> : Forced line bread within a paragraph
Sample of different paragraph styles:
- <p style=”text-align:center;”>This paragraph will be centered.</p
- <p style=”font-size:200%;”>The text in this paragraph will be 200% larger.</p
- <p style=”color:blue;”>This paragraph text will be colored blue.</p>
<h1 style=”font-family:verdana;”>Text</h1>: Heading styled using the Verdana font
<mark> : Marked text, makes the background color of the text yellow
<small> : Small text
<del> : Deleted text, strikes through the enclosed text
<ins> : Inserted text
<sub> : Subscript text
<sup> : Superscript text
<blockquote> : Block quote
<cite> : Citation
<button>Click me</button> : creates a clickable button that produces a popup window when clicked

I have added these new tags into an existing HTML script from a previous post, HTML Round 2: Expanding My knowledge of Tags and Attributes, at random. Note that I have taken out some tags from the previous script as well in order to make it more readable.