Archives
September 2006
9/29/06
9/28/06
9/28/06
9/27/06
9/27/06
9/26/06
9/25/06
9/25/06
9/22/06
9/22/06
9/20/06
9/20/06
9/20/06
9/19/06
9/19/06
9/18/06
9/18/06
9/18/06
Editing in Text Mode vs. HTML Mode
9/15/06
9/14/06
9/13/06
9/12/06
9/11/06
9/8/06
9/8/06
9/8/06
9/8/06
9/7/06
9/7/06
9/6/06
9/6/06
9/5/06
9/5/06
9/5/06
9/1/06
9/1/06
Monday, September 18, 2006
12:23:00 PM EDT
Hearing Goldfrapp, Number One
Hi folks -- hope you all had a good weekend. I just wanted to get in a last tutorial before Editor Jeff takes over.
Of course, the tutorial I wanted to do is how to edit hyperlinks, which means I really need to do this one first -- the difference between editing your Journal in Text View vs. HTML View.
(I've mentioned this in a bunch of earlier entries, but I've never given it the standalone entry it deserves.)
When you create or edit entries in Journals, there are two editing views -- Text view (actually Rich Text view), where your entry mostly looks the way it would after you hit Save; and HTML view, which exposes the usually-invisible HTML tags.
(HTML is the language that controls the way a Web page looks and acts. It ranges from the really simple tags, like <b>bold</b> and <i>italic</i> tags, to tags that make hyperlinks clickable and insert pictures, to more complicated tags to add CSS styles, create tables and more.)
AOL Journals shows you the Text view by default (which means it hides the HTML from you). Editing in Text view is quick and easy (plus you can use the other formatting buttons on the toolbar) and is just fine for most people.
So why would you want to switch to HTML view? Editing the HTML directly gives you more options and more control, and it lets you do some stuff you just can't do in Text mode.
For example, if you want to add a table or an IFRAME, or add some styles using CSS, you need to be in HTML view. If you try to paste in HTML when you're in Text mode, Journals won't recognize the HTML code as code, and it will just show up in your page all ugly-like.
So, to switch to HTML mode, look in the formatting toolbar, and change the pulldown menu from "View as Text" to "View as HTML" (see the animation below):
(In fact, here's one use for HTML view -- sometimes, people will copy-and-paste something from another Web page into their blog. What they don't realize, though, is sometimes they're also copying invisible HTML table or CSS style tags. Occassionally, this can really screw up the layout of your Journal, in really unpredictable and odd ways. If this happens, looking at your entries in HTML view can sometimes reveal the culprit.)
I'm not going to do an HTML tutorial here -- since HTML has been evolving for over 10 years, there's a lot to talk about. Fortunately, most people (including me) can get by with knowing a relatively small amount of HTML.
Here's a mostly current list of the HTML tags that you can use in AOL Journals.
If you want some basic HTML resources, try this Webmonkey page: The HTML Basics.
Also, here is the Open Directory's listing of beginner HTML tutorials.
Thanks -- Joe
Written by journalseditor Blog about this entry |
Add to del.icio.us | 
digg this
12:23:00 PM EDT
Hearing Goldfrapp, Number One
Editing in Text Mode vs. HTML Mode
Of course, the tutorial I wanted to do is how to edit hyperlinks, which means I really need to do this one first -- the difference between editing your Journal in Text View vs. HTML View.
(I've mentioned this in a bunch of earlier entries, but I've never given it the standalone entry it deserves.)
When you create or edit entries in Journals, there are two editing views -- Text view (actually Rich Text view), where your entry mostly looks the way it would after you hit Save; and HTML view, which exposes the usually-invisible HTML tags.
(HTML is the language that controls the way a Web page looks and acts. It ranges from the really simple tags, like <b>bold</b> and <i>italic</i> tags, to tags that make hyperlinks clickable and insert pictures, to more complicated tags to add CSS styles, create tables and more.)
AOL Journals shows you the Text view by default (which means it hides the HTML from you). Editing in Text view is quick and easy (plus you can use the other formatting buttons on the toolbar) and is just fine for most people.
So why would you want to switch to HTML view? Editing the HTML directly gives you more options and more control, and it lets you do some stuff you just can't do in Text mode.
For example, if you want to add a table or an IFRAME, or add some styles using CSS, you need to be in HTML view. If you try to paste in HTML when you're in Text mode, Journals won't recognize the HTML code as code, and it will just show up in your page all ugly-like.
So, to switch to HTML mode, look in the formatting toolbar, and change the pulldown menu from "View as Text" to "View as HTML" (see the animation below):
Notice how the buttons grey out in HTML view. You can't use the toolbar buttons when you're in HTML view.
(In fact, here's one use for HTML view -- sometimes, people will copy-and-paste something from another Web page into their blog. What they don't realize, though, is sometimes they're also copying invisible HTML table or CSS style tags. Occassionally, this can really screw up the layout of your Journal, in really unpredictable and odd ways. If this happens, looking at your entries in HTML view can sometimes reveal the culprit.)
I'm not going to do an HTML tutorial here -- since HTML has been evolving for over 10 years, there's a lot to talk about. Fortunately, most people (including me) can get by with knowing a relatively small amount of HTML.
Here's a mostly current list of the HTML tags that you can use in AOL Journals.
If you want some basic HTML resources, try this Webmonkey page: The HTML Basics.
Also, here is the Open Directory's listing of beginner HTML tutorials.
Thanks -- Joe
Written by journalseditor Blog about this entry |
Add to del.icio.us | digg this
This entry has 5 comments: (Add your own)
-
Paul -- as far as I know, the only difference is that using <p> tags will insert whitespace before and after the <p></p> tags (since they're paragraphs, they'll be set apart), whereas using <div></div> or <span></span> won't (so you can also use them for elements on the same line, etc.). Thanks -- Joe (posted & mailed)
-
Hey Joe,
I've been using the <div> tag to center pictures and blocks of text instead of the <p> tag. What is the effective difference between the two?
-Paul
http://journals.aol.ca/plittle/AuroraWalkingVacation/ -
My test journal has save my sanity! I don't lose things anymore like I use to .. I just write in my editing journal and save as I go. Also easier since everytime I set down to journal, I have to tend to the kids, dog ... etc.
:o)
LORI
Who I am… underneath it all:
http://journals.aol.com/scotthlori/DiscoveringMe
Precious Metal (A Spiritual Journal)
http://journals.aol.com/scotthlori/PreciousMetal -
9/18/06 4:15 PM