{"id":1314,"date":"2009-03-31T20:15:36","date_gmt":"2009-03-31T12:15:36","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=1314"},"modified":"2009-03-31T20:15:36","modified_gmt":"2009-03-31T12:15:36","slug":"make-your-own-web-site-16-text-formatting","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-16-text-formatting.html","title":{"rendered":"Text formatting video tutorial"},"content":{"rendered":"<p>\nThese 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).\n<\/p>\n<p>\nThe basic tags that you should at least learn are:\n<\/p>\n<ul>\n<li>P &#8211; the paragraph\n<li>U &#8211; underline\n<li>B &#8211; bold (or STRONG &#8211; strong bold characters)\n<li>I &#8211; italics (or EM &#8211; emphasis)\n<li>Center &#8211; centering text\n<li>BR &#8211; line breaks\n<li>HR &#8211; horizontal line\n<\/ul>\n<\/p>\n<p>\nThe above tags are pertaining to the formatting of your web site. In addition you may want to learn the font tag to change the font style and size, though nowadays the current convention is to use CSS to control the font properties.\n<\/p>\n<p><!--more--><\/p>\n<table border=\"0\" cellpadding=\"0\" align=\"center\" width=\"505\">\n<tr>\n<td ><object id  =\"flashMovie\"   codeBase =\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=5,0,0,0\"   height   =\"367\"   width    =\"505 \"   classid  =\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" VIEWASTEXT>   <PARAM NAME=\"_cx\"                VALUE=\"26\">   <PARAM NAME=\"_cy\"                VALUE=\"26\">   <PARAM NAME=\"FlashVars\"          VALUE=\"csConfigFile=16_config.xml\">   <PARAM NAME=\"Movie\"  VALUE=\"16_controller.swf?csConfigFile=16_config.xml\">   <PARAM NAME=\"Src\"  VALUE=\"16_controller.swf?csConfigFile=16_config.xml\">   <PARAM NAME=\"WMode\"              VALUE=\"Window\">   <PARAM NAME=\"Loop\"               VALUE=\"false\">   <PARAM NAME=\"Quality\"            VALUE=\"high\">   <PARAM NAME=\"SAlign\"             VALUE=\"\">   <PARAM NAME=\"Menu\"               VALUE=\"-1\">   <PARAM NAME=\"Base\"               VALUE=\"\">   <PARAM NAME=\"AllowScriptAccess\"  VALUE=\"always\">   <PARAM NAME=\"DeviceFont\"         VALUE=\"0\">   <PARAM NAME=\"EmbedMovie\"         VALUE=\"0\">   <PARAM NAME=\"BGColor\"            VALUE=\"#FFFFFF\">   <PARAM NAME=\"SWRemote\"           VALUE=\"\">   <PARAM NAME=\"MovieData\"          VALUE=\"\">   <PARAM NAME=\"SeamlessTabbing\"    VALUE=\"1\">   <\/OBJECT>  <\/td>\n<\/tr>\n<\/table>\n<p><center><script type=\"text\/javascript\"><!--\ngoogle_ad_client = \"pub-5685769204706262\";\ngoogle_alternate_color = \"eeeecc\";\ngoogle_ad_width = 468;\ngoogle_ad_height = 60;\ngoogle_ad_format = \"468x60_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 = \"003399\";\ngoogle_color_text = \"000000\";\ngoogle_color_url = \"808080\";\ngoogle_ui_features = \"rc:0\";\n\/\/--><\/script><br \/>\n<script type=\"text\/javascript\"\n  src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\n<\/script><\/center><br clear=\"all\"><\/p>\n<p>\nOther important HTML tags that you should master are:\n<\/p>\n<ul>\n<li>A &#8211; anchor tags for linking\n<li>TABLE, TR, TD &#8211; the table tags for creating tables and boxes\n<li>UL, OL, LI &#8211; listing tags, unordered and ordered versions.\n<\/ul>\n<\/p>\n<p>\nAs go along making your web site, you should also pick up other HTML\/CSS code and if they are useful to you, you could incorporate them into your web site. There are many HTML\/CSS tags available, however not all of them would be useful to you. Though it is good to know, then when you need to them, you could look them up and apply it on your web site. Basically for me, I use the above tags the most often. If I do need to use the less common tags, I will look up on some reference site and then apply it on my web site.\n<\/p>\n<ul>\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>\n<\/p>\n<p><b>More related HTML tutorials<\/b><\/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><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 basic tags that you should &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.janleow.com\/life\/make-your-own-web-site-16-text-formatting.html\"> <span class=\"screen-reader-text\">Text formatting video tutorial<\/span> Read More &raquo;<\/a><\/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,111,160,161,162],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1bS5F-lc","jetpack-related-posts":[{"id":748,"url":"https:\/\/www.janleow.com\/life\/html-03-text-formatting.html","url_meta":{"origin":1314,"position":0},"title":"HTML Lesson 3: text formatting","author":"Jan","date":"21 March 2007","format":false,"excerpt":"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. Bold = <B>Bold<\/B> Italics = <I>Italics <\/I>\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":1314,"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":739,"url":"https:\/\/www.janleow.com\/life\/html-01-the-basics.html","url_meta":{"origin":1314,"position":2},"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":741,"url":"https:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html","url_meta":{"origin":1314,"position":3},"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":[]},{"id":751,"url":"https:\/\/www.janleow.com\/life\/html-04-text-alignment.html","url_meta":{"origin":1314,"position":4},"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":753,"url":"https:\/\/www.janleow.com\/life\/html-05-making-ordered-bulleted-list.html","url_meta":{"origin":1314,"position":5},"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":[]}],"_links":{"self":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/1314"}],"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=1314"}],"version-history":[{"count":0,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/1314\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=1314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=1314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=1314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}