{"id":748,"date":"2007-03-21T14:36:30","date_gmt":"2007-03-21T06:36:30","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=748"},"modified":"2007-03-21T14:36:30","modified_gmt":"2007-03-21T06:36:30","slug":"html-03-text-formatting","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/html-03-text-formatting.html","title":{"rendered":"HTML Lesson 3: text formatting"},"content":{"rendered":"<p>When writing your content for your website, you may want to format your text to emphasize a point and make it stand out from the rest of the content. This is easily done by using the bold tag, italics tag and underline tag.<!--more--><!--break--><\/p>\n<table style=\"border: none; width:100%\">\n<tr>\n<td>\n<div style=\"border: 1px dashed; background: #E0FFFF; padding: 1em; text-align: left\">\n<B>Bold<\/B> = &lt;B&gt;Bold&lt;\/B&gt;<br \/>\n<I>Italics<\/I> = &lt;I&gt;Italics &lt;\/I&gt;<br \/>\n<U>Underline<\/U> = &lt;U&gt;Underline&lt;\/U&gt;\n<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><br clear=\"all\"><\/p>\n<p>There are also an alternative tags for bold and italics and they are:<\/p>\n<table style=\"border: none; width:100%\">\n<tr>\n<td>\n<div style=\"border: 1px dashed; background: #E0FFFF; padding: 1em; text-align: left\">\n<STRONG>Strong<\/STRONG> = &lt;STRONG&gt;STRONG&lt;\/STRONG&gt;<br \/>\n<EM>Emphasis<\/EM> = &lt;EM&gt;Emphasis&lt;\/EM&gt;\n<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><br clear=\"all\"><\/p>\n<p>Personally I prefer to use the shorter version, well, because it is short. You can also mix the formatting together.<\/p>\n<p>Example:<\/p>\n<table style=\"border: none; width:100%\">\n<tr>\n<td>\n<div style=\"border: 1px dashed; background: #E0FFFF; padding: 1em; text-align: left\">\n<strong><em>Bold and Italics together<\/em><\/strong> =<br \/>\n&lt;B&gt; &lt;I&gt;Bold and Italics together&lt;\/I&gt; &lt;\/B&gt;\n<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><br clear=\"all\"><\/p>\n<p>The Paragraph tag (&#8220;P&#8221;) is to subdivide your content into paragraph sections. <\/p>\n<p>Example:<\/p>\n<table style=\"border: none; width:100%\">\n<tr>\n<td>\n<div style=\"border: 1px dashed; background: #E0FFFF; padding: 1em; text-align: left\">\n<p>&lt;P&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer et nisl in eros mattis convallis. Duis turpis nunc, pretium ornare, fermentum id, ullamcorper vitae, eros. Mauris libero. Integer elementum sodales elit. Praesent quis felis. Duis ligula. Donec a risus. &lt;\/P&gt;<\/p>\n<p>\n&lt;P&gt;Nunc ullamcorper rutrum tellus. Quisque sagittis tristique ipsum. Donec bibendum velit nec lorem. Duis suscipit, orci a dictum porta, nibh nunc commodo est, et congue eros magna a eros. Pellentesque commodo. &lt;\/P&gt;<\/p>\n<p>\n&lt;P&gt;In consequat, felis quis imperdiet pellentesque, velit neque ultricies nisi, sit amet rhoncus lorem nisl nec odio. Ut ultricies, metus in laoreet facilisis, lorem nibh convallis lacus, nec euismod ipsum ante ut felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. &lt;\/P&gt;<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><br clear=\"all\"><\/p>\n<p>And lastly, the line break tag (&#8220;BR&#8221;) is useful for breaking a line or inserting more line spaces by adding several. There is no need to close this tag with a \/BR. This is one of the few tags that don&#8217;t require a closing tag.<\/p>\n<p> Example:<\/p>\n<table style=\"border: none; width:100%\">\n<tr>\n<td>\n<div style=\"border: 1px dashed; background: #E0FFFF; padding: 1em; text-align: left\">\n<p>This is line one&lt;BR&gt;This is line two&lt;BR&gt; &lt;BR&gt; &lt;BR&gt;Adding several BRs will create several line breaks.<\/p>\n<p>\nThis is line one<br \/>\nThis is line two\n<\/p>\n<p><\/p>\n<p>\nAdding several BRs will create several line breaks.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><br clear=\"all\"><\/p>\n<p>You will use the above tags most often. There are other interesting but less used formatting tags like strikeout, superscript and subscript, etc. Why burden your memory with so many code when the above is already sufficient?<\/p>\n<p>\n<script type=\"text\/javascript\"><!--\ngoogle_ad_client = \"pub-5685769204706262\";\ngoogle_ad_width = 336;\ngoogle_ad_height = 280;\ngoogle_ad_format = \"336x280_as\";\ngoogle_ad_type = \"text\";\n\/\/2007-08-06: JanLeow.com Blogs (Content)\ngoogle_ad_channel = \"5832813811\";\ngoogle_color_border = \"FFFFFF\";\ngoogle_color_bg = \"FFFFFF\";\ngoogle_color_link = \"323539\";\ngoogle_color_text = \"000000\";\ngoogle_color_url = \"BBBBBB\";\n\/\/--><\/script><br \/>\n<script type=\"text\/javascript\"\n  src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\n<\/script><\/p>\n<ul>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-basics.html\">Learning HTML codes for building a web page<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-01-the-basics.html\">Lesson 1 &#8211; The Basic HTML Tag<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html\">Lesson 2 &#8211; Create a website page<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-03-text-formatting.html\">Lesson 3 &#8211; Text formatting tags<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-04-text-alignment.html\">Lesson 4 &#8211; Aligning the paragraph text<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-05-making-ordered-bulleted-list.html\">Lesson 5 &#8211; Making bullet list and numbered list<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-06-html-table-codes-border.html\">Lesson 6 &#8211; Create tables in your website<\/a>\n<\/ul>\n<\/p>\n<p><ul><lh><strong>HTML Video Tutorial<\/strong><\/lh><\/p>\n<li><a href=\"make-your-own-web-site-15-html-how-it-works.html\">Learning HTML basics<\/a>\n<li><a href=\"make-your-own-web-site-16-text-formatting.html\">HTML Text formatting<\/a>\n<li><a href=\"make-your-own-web-site-17-more-text-formatting.html\">More HTML Text formatting<\/a>\n<li><a href=\"make-your-own-web-site-18-adding-images.html\">Adding images to your website<\/a>\n<li><a href=\"make-your-own-web-site-19-anchors-links.html\">Making links and anchors when you make your own web site<\/a>\n<li><a href=\"make-your-own-web-site-20-tables-rows-columns.html\">Creating tables, rows and columns in your web site<\/a>\n<\/ul><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When writing your content for your website, you may want to format your text to emphasize a point and make it stand out from the rest of the content. This is easily done by using the bold tag, italics tag and underline tag.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[12],"tags":[83,160,162],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1bS5F-c4","jetpack-related-posts":[{"id":1314,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-16-text-formatting.html","url_meta":{"origin":748,"position":0},"title":"Text formatting video tutorial","author":"Jan","date":"31 March 2009","format":false,"excerpt":"These are some of the basics of HTML code that you should at least know when you make your own web site. This is useful not only in your own web site, but also when you want to make post and comments (if the option is available to you). The\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1316,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-17-more-text-formatting.html","url_meta":{"origin":748,"position":1},"title":"More text formatting video tutorial","author":"Jan","date":"31 March 2009","format":false,"excerpt":"Once you have mastered the basics of text formatting. Here some more advance features to make your own web site stand out. It requires tinkering with the attribute of the tags. Each HTML tag has attributes which you could modify. Let's take for example the Paragraph tag <P>, you can\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":751,"url":"https:\/\/www.janleow.com\/life\/html-04-text-alignment.html","url_meta":{"origin":748,"position":2},"title":"HTML Lesson 4: text alignment","author":"Jan","date":"21 March 2007","format":false,"excerpt":"The default text alignment for content in a paragraph is left side. Sometimes you may want to make the text align to the right or in the center. To make the text align to the left or right you include the align attribute to the paragraph tag. Example, align to\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":739,"url":"https:\/\/www.janleow.com\/life\/html-01-the-basics.html","url_meta":{"origin":748,"position":3},"title":"HTML Lesson 1: The basic HTML tag","author":"Jan","date":"19 March 2007","format":false,"excerpt":"You can create a HTML document using any text editor like Notepad, Wordpad for Windows, or Simple Text on the Mac. There is no need to buy any sophisticated HTML software like Microsoft Frontpage or CoffeeCup HTML editor. However, as your needs progress you may want to consider getting one.\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":753,"url":"https:\/\/www.janleow.com\/life\/html-05-making-ordered-bulleted-list.html","url_meta":{"origin":748,"position":4},"title":"HTML Lesson 5: making list","author":"Jan","date":"21 March 2007","format":false,"excerpt":"You may want to make a list for easier presentation of information on your website. There are two types of list, unordered bulleted list and ordered numbered list. To create the unordered list, you will use the \"UL\" tag together with the list item \"LI\" tag. There is no need\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":741,"url":"https:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html","url_meta":{"origin":748,"position":5},"title":"HTML Lesson 2: Create the web site page","author":"Jan","date":"19 March 2007","format":false,"excerpt":"The HTML web page is separated into two sections: the head section and body section. Both these section is nested within the HTML tag which identifies the file as HTML code for browsers to recognize it as such. The HEAD section is where you will provide the TITLE of your\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/748"}],"collection":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/comments?post=748"}],"version-history":[{"count":0,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/748\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}