{"id":741,"date":"2007-03-19T14:20:49","date_gmt":"2007-03-19T06:20:49","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=741"},"modified":"2007-03-19T14:20:49","modified_gmt":"2007-03-19T06:20:49","slug":"html-02-creating-a-website-page","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html","title":{"rendered":"HTML Lesson 2: Create the web site page"},"content":{"rendered":"<p>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.<\/p>\n<p>The HEAD section is where you will provide the TITLE of your web page as well as where you will code the meta tags for search engine robots to determine how they should classify and categorize your web page. The HEAD section is also where you will insert your CSS and JavaScript code to further enhance the webpage.<!--more--><\/p>\n<p>The BODY section is where your main content will reside. The BODY section can contain any combination of text content, graphics, JavaScript code, or even Flash code.<\/p>\n<p>Thus:<\/p>\n<div style=\"border: 1px solid silver; text-indent: 1em;\">\n&nbsp;&nbsp;&nbsp;&nbsp;  &lt;HTML&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;HEAD&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &lt;\/HEAD&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &lt;BODY&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; . . . . .<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/BODY&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/HTML&gt;\n<\/p><\/div>\n<p>From this basic starting point, you can go on to proceed to create a standardized template for your entire website. Once you have created a standard template, you can re-use it again and again only changing the title and main content area. By making your website similar page after page, will give your website an overall standardized look and feel.<\/p>\n<p><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><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>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 web page as well as &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html\"> <span class=\"screen-reader-text\">HTML Lesson 2: Create the web site page<\/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,160,162],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1bS5F-bX","jetpack-related-posts":[{"id":1303,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-15-html-how-it-works.html","url_meta":{"origin":741,"position":0},"title":"HTML and how it works video tutorial","author":"Jan","date":"31 January 2009","format":false,"excerpt":"Creating your html file does not require any special software. Just a basic text editor and a browser is all that is needed to make your web page. When you save the file, just be sure to change the extension from .txt to .html. Then preview it on your favourite\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":1324,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-20-tables-rows-columns.html","url_meta":{"origin":741,"position":1},"title":"Creating tables, rows and columns when you make website","author":"Jan","date":"31 March 2009","format":false,"excerpt":"Tables are useful when you make your own web site. Apart from displaying information in a nice spreadsheet like structure. It can also be used to align your web site layout. However the over use of tables for web site alignment is frowned upon as it mean bad programming practice.\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":3752,"url":"https:\/\/www.janleow.com\/life\/replytocom-duplicate-content-error-in-webmaster-central.html","url_meta":{"origin":741,"position":2},"title":"Replytocom duplicate content error in Webmaster Central","author":"Jan","date":"16 August 2013","format":false,"excerpt":"While browsing around the Google webmaster central, happened to bump into HTML improvement section and saw the replytocom duplicate title tags content warning. I was pretty sure what I wrote would not be duplicate within my website domain or my other sites. After all, Google frowns upon such duplicate content.\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":728,"url":"https:\/\/www.janleow.com\/life\/make-drupal-website-cms-content-management-software.html","url_meta":{"origin":741,"position":3},"title":"Making a Drupal Web Site","author":"Jan","date":"22 July 2008","format":false,"excerpt":"Drupal is like a jack of all trades. You could use it for setting a proper website with tier like structure for easy navigation, you could use it to set up a forum, or you just use it to set up a blogging site. It is so versatile that according\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":736,"url":"https:\/\/www.janleow.com\/life\/html-basics.html","url_meta":{"origin":741,"position":4},"title":"Learning HTML","author":"Jan","date":"19 March 2007","format":false,"excerpt":"Let's face it, even if you are planning to use the provided installation script to make a CMS website, blogging website or use the provided web builder from the web hosting provider, you still have to learn some HTML. There is no escape from getting your hands dirty into coding\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":756,"url":"https:\/\/www.janleow.com\/life\/html-06-html-table-codes-border.html","url_meta":{"origin":741,"position":5},"title":"HTML Lesson 6: Create HTML tables in your own website","author":"Jan","date":"17 May 2007","format":false,"excerpt":"Create tables is one of the more difficult HTML code to master when making your own website. It is well worth the effort to learn it as it can help you to align each section of your website. You need to think a little bit more abstractly and imagine how\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\/741"}],"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=741"}],"version-history":[{"count":0,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/741\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}