Paragraphs

<p>paragraph text </p> is used to indicate a paragraph. Otherwise the text would run together.

all paragraphs of regular text should be marked this way

Bold and Italic

<b>bold</b> is used to indicate bold

<i>italic</i> is used to indicate italic

strong and em are newer tags that can also be used.

Lists

<ul> <li>first item </li> <li>second item</li> <li>third item</li> </ul> indicates a list

• first item
• second item
• third item

Lists are good for quick summaries because they are easy to read.

Headings

<h2>Use h for headings of various size </h2>

<h3>Use h for headings of various size </h3>

<h4>Use h for headings of various size </h4>

<h5>Use h for headings of various size </h5>

These should be used sparingly and consistently

Links

<a href="http://www.google.com">google</a> is used to make a link. Put the url, or address, of the page in the quote marks. The text to be “linked” will be in between the a tags. google.

very important for web journalism

Images

<img src="http://www.genernicsite.com/ learn/wp-content/uploads/ 2007/12/273525_newspaper.jpg"> is used to show the image to the right. “Src” represents the location of the image to be shown. The image can be placed on the left or right (left is automatic). Right aligned images use align=”right” in the tag. <img src="http://www.genernicsite.com/ learn/wp-content/uploads/ 2007/12/273525_newspaper.jpg" align="right" >

Images are also very important to web journalism

Full Article Markup

The code for this…
<img align="right" src="http://www.naymik.com/learn/wp-content/uploads/2008/04/grady1.jpg" alt="Grady Sizemore" width="200" height="173" /><p>CLEVELAND--<a href="http://www.indians.com">Grady Sizemore</a> has started a new streak--one he wants to soon end.</p><p>The Indians' All-Star center fielder missed his second straight game with a sprained right ankle on Monday. He also sat out Sunday's game against the New York Yankees, ending the majors' longest consecutive games played streak at 382.</p>
<p><b>Sizemore</b> hurt his ankle when he stepped awkwardly on second base during the ninth inning Saturday. He remained in the game, and scored the winning run. However, <b>Sizemore's</b> ankle was sore the following day and the Indians decided to rest him. Visit <a href="http://www.mlb.com">Major League Baseball</a> for more information.</p>

So, for example here is some code for a simple news story with 3 paragraphs and some links. Also, the last paragraph has two words that are bold. There is also an image to go with the story that is aligned with the right side of the page.

Full Article Result

CLEVELAND — Grady Sizemore has started a new streak — one he wants to soon end.

The Indians’ All-Star center fielder missed his second straight game with a sprained right ankle on Monday. He also sat out Sunday’s game against the New York Yankees, ending the majors’ longest consecutive games played streak at 382.

Sizemore hurt his ankle when he stepped awkwardly on second base during the ninth inning Saturday. He remained in the game, and scored the winning run. However, Sizemore’s ankle was sore the following day and the Indians decided to rest him. Visit Major League Baseball for more information.

Notice how spaces and line breaks don’t really matter. The tags to all the work when the page is displayed by the browser.