{"id":1316,"date":"2009-03-31T20:28:28","date_gmt":"2009-03-31T12:28:28","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=1316"},"modified":"2009-03-31T20:28:28","modified_gmt":"2009-03-31T12:28:28","slug":"make-your-own-web-site-17-more-text-formatting","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-17-more-text-formatting.html","title":{"rendered":"More text formatting video tutorial"},"content":{"rendered":"<p>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.<\/p>\n<p>Each HTML tag has attributes which you could modify. Let&#8217;s take for example the Paragraph tag &lt;P&gt;, you can change the alignment to the right, eg  &lt;P align=&#8221;right&#8221;&gt; or change the font color using the &lt;font&gt; tag, eg &lt;font color=&#8221;red&#8221; &gt;, etc.<!--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=17_config.xml\">   <PARAM NAME=\"Movie\"              VALUE=\"17_controller.swf?csConfigFile=17_config.xml\">   <PARAM NAME=\"Src\"                VALUE=\"17_controller.swf?csConfigFile=17_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><script type=\"text\/javascript\"\n  src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\n<\/script><\/center><br clear=\"all\"><\/p>\n<p>\nHowever, nowadays, the use of HTML tag attribute is discourage, and now more in favour of using CSS to control the HTML elements. Still the tag attribute is a quick and easy way to format your HTML, and sometimes where CSS fails, you can resort back to tag elements.\n<\/p>\n<p>\nThere are still some HTML elements that are best left using tag attribute, especially for the image tag that has a link,\n<\/p>\n<p>\n&lt;a href=&#8221;xxx&#8221;&gt; &lt;img src=&#8221;image_example.jpg&#8221; border=&#8221;0&#8243; &gt;  &lt;\/a&gt;\n<\/p>\n<p>\nBy using a border=&#8221;0&#8243; attribute you have effectively removed the irritating border highlighting the image as a link.\n<\/p>\n<p>\nAnother useful one is the border=&#8221;0&#8243; attribute for the &lt;table&gt; tag. Sometimes no matter how hard you try to use CSS you just couldn&#8217;t get rid of the table border and that&#8217;s where the use of tag attributes comes in. Actually even the uses of tables are frown upon and CSS should be used instead. But I find it much easier to get my alignment right using tables than CSS which sometimes causes section to run amok. Ok, so I may not be an expert coder, but so are many who just want to make their own web site for their own use in good work order and whichever technique does the job, and that would be just fine.\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>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&#8217;s take for example the Paragraph tag &lt;P&gt;, you can change the alignment to the &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.janleow.com\/life\/make-your-own-web-site-17-more-text-formatting.html\"> <span class=\"screen-reader-text\">More 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-le","jetpack-related-posts":[{"id":1314,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-16-text-formatting.html","url_meta":{"origin":1316,"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":748,"url":"https:\/\/www.janleow.com\/life\/html-03-text-formatting.html","url_meta":{"origin":1316,"position":1},"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":1362,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-the-index-file.html","url_meta":{"origin":1316,"position":2},"title":"Make your web site&#8217;s first page &#8211; the index.html file","author":"Jan","date":"1 April 2009","format":false,"excerpt":"The first page you need to make when you make your web site is the index file. This is the web page where a visitor will be greeted when they key in your web site domain in their browser. You may say this is the entry point to start browsing\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":1316,"position":3},"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":1316,"position":4},"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":1316,"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\/1316"}],"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=1316"}],"version-history":[{"count":0,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/1316\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=1316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=1316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=1316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}