Tuesday, April 26, 2005

Found some useful guides in formating your blogger text:

Step 2: Formatting the text with HTML

To add any content to your blog besides plain text, you’ll need to use HTML code. HTML stands for HyperText Markup Language and it is the language used to create most Web pages. This section covers how to write some basic HTML code.


If you want to format a subhead or just emphasize some words, it’s some of the easiest HTML to use.


Italics/emphasis


Italicized text requires <em> tags (em stands for emphasis).


Bold/strong emphasis


Bold text requires <strong> tags (strong stands for strong emphasis). Both require an opening and a closing tag, just like <a> tags for links. Don’t forget your closing tags!



This is <em>italic</em>. → This is italic.


This is <strong>bold</strong>. à This is bold.



Strikethroughs, superscript and subscript


Other simple tags that are needed very rarely include <strike> for strikethroughs, <sup> for superscript, and <sub> for subscript.



Use strikethroughs <strike>all the time</strike> rarely. → Use strikethroughs all the time rarely.


x<sup>2</sup> → x2


H<sub>2</sub>O → H2O



Lists


Lists are slightly more complicated, but very useful. Each list’s beginning and end must be marked, as well as the beginning and end of each item within the list.


HTML tags for lists include <ol> for ordered lists, <ul> for unordered lists, and <li> for list items. <li> is used for items in both ordered and unordered lists.


An ordered list would look like this:



Steps for your project:


<ol>

<li>write it</li>

<li>edit it</li>

<li>post it on your blog</li>

</ol>


    ↓

Steps for your project:



  1. write it

  2. edit it

  3. post it on your blog



An unordered list would look like this:



Three things you need for your project:

<ul>

<li>print story</li>

<li>video package</li>

<li>external links</li>

</ul>


    ↓

Three things you need for your project:



  • print story

  • video package

  • external links



An unordered list might be useful for a short list of links at the end of your post.



Step 3: Adding links

You can create a link to any Web site. HTML uses tags to mark the start (<a>) and end (</a>) of the text (or image) that will be the clickable link. Therefore, the <a href=""> tag must be closed with </a> after your link text.


You must include the complete (absolute) URL in quotes.


You can also include the complete URL and a description of the Web page you are linking to so readers will know where and why you are sending them.



Learn more about <a href="http://www.journalism.ku.edu/school/converged.shtml" title="Convergence drives curriculum" rel="external">convergence</a> at the William Allen White School of Journalism and Mass Communications.


    ↓

Learn more about convergence at the William Allen White School of Journalism and Mass Communications.



In this code, the href="" part is the URL of the page you are linking to. The rel="external" labels the link as a link to an external web site as opposed to an internal link within your Online Portfolio.


Linking to video

Linking to video is similar to linking to another Web page. If your story has a video component, you’ll need to link to the .mov file you created in iMovie and exported to QuickTime. Your code should look something like this:

Your Ad Here