Heading and whatever else is on the next few pages

There are six heading tags, <h1> through <h6>, with <h1> being the most important header and <h6> being the least. They affect the font size, but should be used for heading pages and sections and NOT for making text bold or large, that’s what CSS is for. Headings are used by search engines to index your page, which is one of those phrases where I feel like I know what it means, but kinda not really.

<hr> is another empty tag, like <br>. It makes a horizontal line on the page.

Some tags for modifying how the text looks within a <p> element:

<p>These <b>words are gonna be bold</b>, while <em>these will be italics</em>.</p> gets you:

These words are gonna be bold, while these will be italics.

<strong> is  typically used for bold like <b> and <em> is usually used for emphasis like <i> to make things italics.

There’s a special tag for <address> but I can’t tell what it does besides making everything italics, but then again if you wanted to style all addresses on your site a certain way using this tag would make things a lot easier. Same concept for the <abbr> tag, which is for abbreviations but it’d be tough to think of a situation where you’d need to style them specifically.

Text direction is a pretty sweet attribute, if you do <bdo dir=”rtl>This is some text</bdo> will write it backwards. bdo stands for bi-directional override, and the dir attribute’s value tells it which direction to write the text.

<blockquote cite=”https//whateverthesourceisforthequote.com”> This is a blockquote element and will have that indent you see when quoting a whole paragraph for a blockquote</blockquote>

<q> can be used within a <p> element to add some quotes. As noted, a benefit of all these specific tags is that it helps with styling them. If, you know, for some reason you wanted to really style the hell out of those quotation marks.

<del> can be used within <p> elements to strikethrough text for deleted text, and <ins> will underline inserted text. It’s for when you cross out a word and put a new word in to replace, and for some reason want people to see that.


Finally, <mark> allows you to mark/highlight some text.

Alright, that’s it for now. Off to hot air balloon.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s