This document provides an overview of common HTML and CSS tags used for formatting content on web pages and blogs. It describes tags for headings, paragraphs, bold, italic and break text formatting. Image tags are covered for adding images and linking them. Link tags are also included for linking images and text. Finally, it introduces CSS and shows how inline style tags can be used for additional text formatting like font properties, size, family and centering. Best practices are noted around using semantic HTML tags over deprecated ones and separating styles into external CSS files.

1. Common HTML & CSS Tags For Content
When coding a web page and/or blog, there are HTML/XHTML/CSS tags you will use
on a regular basis.
Before we get to that What is HTML? HTML stands for Hyper Text Markup Language.
And then there’s XHTML. XHTML stands for EXtensible HyperText Markup Language.
Let’s start with HTML/XHTML tags.
FORMATTING TEXT TAGS:
Headings
<h1>place very important header text here</h1>
<h2>place sub-header text here (smaller in size)</h2>
<h3>place sub-sub-header text here (smaller in size)</h3>
<h4>place sub-sub-sub-header text here (smaller in size)</h4>
Note: Always put in a <h1></h1> tag on your web pages this is “Best Practice” for SEO.
Paragraph
<p>place paragraph text here</p>
Bold
<strong>this makes your text bold</strong>
Note: The deprecated Bold Tag is <b></b> (but this is still use in some blog when enter
in HTML Window).
Italic
<em>this makes your text italic</em>
Note: The deprecated Italic Tag is <i></i> (but this is still use in some blog when enter in
HTML Window).
Break
<br />
Use 1 for one line break, use 2 for two line breaks or more in-between paragraphs,
images and/or any other elements you want to have a break in-between.
Note: The Break Tag should be use sparingly or some times not at all. It is “Best
Practice” to use the <p></p> tags for paragraph breaks and/or use CSS Spacing for
adding space between elements on your page. This keeps your code looking clean and it
is easier to find your paragraphs if you want to make changes later on. The deprecated

2. HTML Break Tag is <br> (but this is still use in some blog when enter in HTML
Window).
IMAGE TAGS:
<img src=”http://www.yoursite.com/images/picture.jpg” width=”200px” height=”500px”
border=”0″ alt=”This is the picture name” title=”This is the picture name” />
Note: “Border Tag” use this if you want your image have a border or show no-border.
“Alt Tag” is use to define the picture, put this tag in always, this is “Best Practice” for
SEO. “Title Tag” use when the mouse hovers over the picture/link, you will see the Title
of the picture/link.
LINK TAGS:
Linking Images
<a href=”http://www.linktoclick.com/link” title=”This is the link name”
target=”_blank”><img src=”http://www.yoursite.com/images/picture.jpg”
width=”200px” height=”500px” border=”0″ alt=”This is the picture name” title=”This is
the picture name” /></a>
Linking text
<a href=”http://www.linktoclick.com/link” title=”This is the link name”
target=”_blank”>Text that will be the link</a>
Ok, now CSS. What CSS? CSS stands for Cascading Style Sheets. Use Style Tags for
formatting your text and/or HTML elements within your code.
Note: The CSS use below are Inline Style Tags. Use Inline Styles in a HTML Window
of a blog. When it comes to building web pages use this method sparingly. The “Best
Practice” is to use External Styles Sheets, separating Presentation from Code.
FORMATTING TEXT WITH CSS STYLE TAGS:
Bold
<p style=”font-weight:bold;”>Bold a word and/or text</p>
Italic
<p style=”font-style:italic;”>Italicize a word and/or text</p>
Font Size
<p style=”font-size:14px;”>Text size</p>
Font Family
<p style=”font-family:”Times New Roman”, Georgia, Serif;”>Set the Font Family of
your text</p>

3. FYI: The quotation marks are used for Font words that are more then one word.
Centering HTML Element
<p style=”text-align:center;”>this will center your paragraph text within HTML elements
and images as well</p>
Note: This tag is use in replacement of the deprecated HTML “Center Tag” which is
<center></center>