Creating Your First Blog Entry


Ah, finally your chance to share your thoughts with the world via your own hosted blog. Figure 21.5 shows the Blogger blog entry page, which includes a large edit box where you enter the content for your new blog entry.

Figure 21.5. The Posting area of Blogger includes an edit box where you enter the content for a blog entry.


As you can see in the figure, the edit box in the Posting area of Blogger includes several formatting controls along the top that allow you to carry out common formatting tasks such as altering the font and alignment of text. You can also insert images and even spell-check the page content.

From an HTML perspective, the most interesting part of the Blogger Posting area is the Edit Html tab in the upper-right corner of the page. Click this tab to view the blog entry as pure HTML code. Figure 21.6 shows the HTML code for the blog entry that appears in Figure 21.5.

Figure 21.6. The Edit Html tab of the Blogger Posting area allows you to edit a blog entry as straight HTML code.


The figure reveals how you can now see the bold and italicized text coded using the <strong> and <em> tags.

By the Way

The <strong> and <em> tags can be used to apply bold and italicized styles to text, although there is no true guarantee that the text will truly end up bold or italicized. This is because <strong> and <em> are intended more to convey the meaning of text, not how it is to be rendered. So, if a visually impaired person is listening to a web page through a special aural browser, he might hear <strong> text as yelling or <em> text with a different inflection. It just so happens that normal web browsers happen to render <strong> and <em> as bold and italicized text. If you want to guarantee a certain look for text in a blog, use CSS styles instead.


What the blog's HTML code doesn't show is how CSS styles enter the blog picture. You could certainly enter inline styles directly in the HTML code, but that isn't really necessary because your blog is already using a CSS style sheet via its template. The trick is to focus your attention on modifying the template to change the overall look of your blog to match your web site.

But before you do that, go ahead and click Publish Post to finish publishing your first blog entry.




SAMS Teach Yourself HTML and CSS in 24 Hours
Sams Teach Yourself HTML and CSS in 24 Hours (7th Edition)
ISBN: 0672328410
EAN: 2147483647
Year: 2005
Pages: 345

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net