|... From 10|
|Characters/Paragraphs » Compose/HTML Mode|
The content that we include in the blog post, would form part of the blog pages i.e. it would be displayed in a web page. Therefore, formatting the content within a post would amount to formatting content within a web page. To format content within a web page we use HTML tags. A part of the content having a certain format would have relevant HTML tags at the beginning and ending.
There are two modes in which you can handle the content of your post, the HTML mode and the Compose mode. To use the HTML mode you need to know how to use HTML tags for formatting content. Using Compose mode would be like using any other word processing program. However only some of the options available in a word processing program would be available here.
We learn using the Compose mode initially and later learn to fine tune the HTML code that would be inserted on using the options in the compose mode.
• Characters and Paragraphs
Text for the purpose of formatting is classified into two, characters and paragraphs. A Character is the smallest unit that can be independently formatted. The total formatting options are studied under these two heads.
A character formatting option is one that can be applied to one of more characters. A paragraph formatting option is one that can be applied to one or more paragraphs.
|Character Formatting [Compose Mode]|
There are two ways you can apply character formatting.
• Select Text and Apply Format
• Set/Apply Format and Type Text
You will notice that the options set getting applied to the text that is being inserted at the insertion point.
• Keyboard Shortcuts
To use the keyboard shortcut, select the text and press the relevant shortcut keys. You may use the following shortcuts
A paragraph is a container. Apart from text, it can hold different other entities. It may contain pictures, tables etc. By formatting paragraphs we mean arranging the content within the paragraph taking the total content as a unit.
There are two ways you can apply paragraph formats
• Select the Paragraph and Apply the Format
• Set/Apply Format and type Text
All the paragraph formatting options that we can think of in a word processing program would not be available here.
align = Place in a line or arrange so as to be parallel
There are four options, left alignment, right alignment, centering and justification.
In electronic documents, a series of paragraphs taken together form a list. Each paragraph within the list is a list item. That is the reason we identify the options relating to formatting lists as paragraph formatting option.
List items have identifiers. They are marked with a sign/symbol placed to the left of the first line of the paragraph forming the list item, with a gap between the paragraph text and the sign. All the list item identifiers are aligned along a vertical line.
• Ordered/Unordered Lists
List are basically classified into two as Ordered and Unordered lists. Unordered lists have symbols (filled circle, filled square, unfilled square etc), characters (letters, numbers, etc) or images as their identifiers. In word processing programs they are also called bulleted lists. In Ordered lists the list items are ordered from top to bottom. The list items have values that indicate the order of each item. The first list item having the first number/letter, the second one the second number/letter etc. In Word processing programs they are also called numbered lists where we use numbers for identifying the order.
There may be many options available for choosing list item identifiers in word processing programs. The options available in web documents (web pages) are limited.
Within blogger.com there are only two types of lists that we can create using the options on the compose mode.
If you know HTML/CSS you can have greater choices for creating lists.
In the text area in blogger, using the compose mode, you can create lists in two different ways.
• By Typing the list items first
You can notice the list getting created with the list item identifiers placed before each item. To view the HTML code inserted, switch to the HTML mode.
• Set/Choose the Format and Type the List Items
You may make a list by choosing the format for the list first and then typing in the text representing the list items.
A web page is a big object which is built up with the help of a number of elements. All that we see in a web page like paragraphs, tables, images, horizontal ruler, etc., form these elements. The various elements within a web page are defined using what are called HTML tags [p - a paragraph, table - a table, img - an image, etc.]. The HTML tags together with the content in them are what are called HTML elements.
All the elements permitted within the BODY of a HTML document i.e. a web page are classified as either block-level elements or inline elements. Inline elements contain text and other inline elements. When rendered visually, inline elements do not usually begin on a new line. Block-level elements contain inline elements and other block-level elements. When rendered visually, block-level elements usually begin on a new line.
A blockquote is a HTML element that is used to display content distinctly (like a quotation). Blockquote being a block level element may contain any other block level or inline elements.
The formatting options used to display the blockquote distinctly are dependent on the template being used for your blog. To have an idea of how the content placed within the blockquote would look post a sample to your blog. You can edit the post subsequently to modify it.
Sine, the format of text (either character formatting or paragraph formatting), images etc is decided by the HTML tags that surround it, erasing the format implies removing the HTML tags that govern the way in which either the text or the image are to be formatted.
• Erasing the Format
The format erasing tool is available only in the compose mode. To erase character formatting, select the content (text) whose format you want to erase and click on the "Remove Format from selection" tool.
When you click the format eraser, the code relevant to the format that had been applied to the selected text is removed. You can notice this if you check the HTML code before and after the removal.
The blogger program would make relevant adjustments in the HTML code to enable the removal of formatting from the selected text.
To remove the paragraph formatting, select the total text representing the paragraph and apply the tool. Removing the paragraph formatting this way may not work always. In such cases, you may have to know HTML to remove the paragraph formatting tags.
• Cannot Undo/Redo
Please be careful in using this tool, since format erasing cannot be "Undone" (Ctrl + Z) or "Redone" (Ctrl + Y).
• Erasing Image Formatting
We use HTML tags to apply formatting to images (borders, spacing, etc). However, the image formatting cannot be removed using the format eraser. If you select the image and then use this tool, you would see no result.
The preview of your blog post is not an exact replica of how it would look when you finally publish it. It only helps you to have a brief idea of your post. Moreover it is also with a white background.
You can use the link "Show Preview" towards the right end of the tool bar to display a preview of your post. You can get back to the compose/html mode using the "Hide Preview" link at the same position.
You can also use the keyboard shortcut → "Ctrl + Shift + P" for toggling between showing and hiding the preview.
• Be Conscious of the template you are using for your blog
One problem with choosing the various formatting options is that the text area in the compose mode as well as the post preview would display the content on a white background. The template that you are using for your blog may have a different colored background. Therefore, you have to be conscious of the environment of your blog as it finally looks.
To be sure of it, publish the post and open it for reediting to choose the options that you think would be best suitable.
The post is a part of your blog. The blog itself being a web page, your post would also be a part of a web page. Therefore, composing your post is nothing but composing a part of the web page.
HTML and CSS are two areas you need to know to format create and make up web pages. Knowing these gives you far greater control on formatting your post.
If you are reading through these pages, the subsequent pages give you an idea of what HTML and CSS are and how to handle the code that is inserted by blogger when you use the compose mode for creating your post.
|Author Credit : The Edifier||... Continued Page 12|