Saturday 16 May 2009

HTML CODES

HTML codes are codes used when developing a web site. These codes enable one to set up the web pages the way he or she wants them to look.These codes are so many but in this, I am going to talk of the very basic HTML codes. These codes are:

  1. The . This code is enclosed in angle brackets as and they are used to indicate that this is an HTML document. All HTMl codes are paired except a few. All HTML documents should start and end with this HTML code otherwise the document will not execute.
  2. The tag. This tag is used to indicate the header section of the HTML document which includes the and the <meta> tags which are not shown on the main window of the browser.</li><li>The <TITLE>. This tag is used to indicate the title of the of the HTML document. Usually this title is displayed at the top left or middle of the browser.</li><li>The <META> tag. The <meta> tag information is not directly shown on your browser rather it is used by the author of the HTML document to record information related to this page. Two common attributes of this are name and content.</li><li>The <BODY> tag. The body tag includes the HTML body of the document. Every thing within the <body> tag, except those within the script tag, are displayed on the browser inside the browser window.The < body> tag may include several attributes including <span style="font-weight: bold;">bgcolor </span>which is the background colour of the HTML document, <span style="font-weight: bold;">alink</span> which is the colour of the links, <span style="font-weight: bold;">vlinks</span> the colour of visited links, <span style="font-weight: bold;">topmargin</span> the margin from the top of the browser window and <span style="font-weight: bold;">leftmargin</span> the margin from the left of the browser window.</li><li>The <FONT> tag. Used to change the format of the text on the web page and the most common attributes include,<span style="font-weight: bold;"> face</span> the type of font , <span style="font-weight: bold;">size</span> this indicates the size of the text and <span style="font-weight: bold;">colour</span> this indicates the colour of the text.</li><li>The < b> tag. The tag will bold the text inside the tag.</li><li>The <i> tag. The tag will italicize the text inside the tag.</li><li>The < u> tag. The tag will underline the text inside the tag.</li><li>The header tags <h1> <h6>. These tags allow us to place additional importance to on the text within these tags.</li><li>The < center> tag. This tag centers all the text that is within this tags.</li><li>The <br> tag. This tag indicates a line break.</li><li>The < p> tag. The tag indicates a new paragraph. It is the same as <br> <br> tag.</li><li>The <ol> tag. This tag specifies that the following list is ordered.</li><li>The <ul> tag. The <ul> specifies that the following list is not ordered.</li><li>The <li> tag. This lists the items whether ordere or unordered.</li></ol><br style="font-weight: bold;"><span style="font-weight: bold;">REFERENCE</span><br /><br />http://html-codes.1keydata.com/html-basic-tags.php<br /> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/14621121966663126249' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/14621121966663126249' rel='author' title='author profile'> <span itemprop='name'>MIGOSI BONIFACE</span> </a> </span> </span> <span class='post-timestamp'> at <meta content='http://migosi.blogspot.com/2009/05/html-codes.html' itemprop='url'/> <a class='timestamp-link' href='http://migosi.blogspot.com/2009/05/html-codes.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-05-16T21:46:00-07:00'>21:46</abbr></a> </span> <span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1175780085'> <a href='https://www.blogger.com/post-edit.g?blogID=6751914799165428963&postID=4097186741623344566&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No comments:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Post a Comment</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/6751914799165428963?po=4097186741623344566&hl=en-GB' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </p> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://migosi.blogspot.com/2009/05/traffic-management-software.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://migosi.blogspot.com/2009/05/what-are-hazards-in-communication.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='http://migosi.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='http://migosi.blogspot.com/feeds/4097186741623344566/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> </div></div> <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div> <div id='main-bot'></div> <!-- placeholder for image --> </div> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY54s9M2eFSbIBunGG65QbhqMmsiSg:1714602728881';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6751914799165428963','//migosi.blogspot.com/2009/05/html-codes.html','6751914799165428963'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6751914799165428963', 'title': 'migosi', 'url': 'http://migosi.blogspot.com/2009/05/html-codes.html', 'canonicalUrl': 'http://migosi.blogspot.com/2009/05/html-codes.html', 'homepageUrl': 'http://migosi.blogspot.com/', 'searchUrl': 'http://migosi.blogspot.com/search', 'canonicalHomepageUrl': 'http://migosi.blogspot.com/', 'blogspotFaviconUrl': 'http://migosi.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22migosi - Atom\x22 href\x3d\x22http://migosi.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22migosi - RSS\x22 href\x3d\x22http://migosi.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22migosi - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6751914799165428963/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22migosi - Atom\x22 href\x3d\x22http://migosi.blogspot.com/feeds/4097186741623344566/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a26ecadc30bb77e6', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '4097186741623344566', 'pageName': 'HTML CODES', 'pageTitle': 'migosi: HTML CODES'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'HTML CODES', 'description': 'HTML codes are codes used when developing a web site. These codes enable one to set up the web pages the way he or she wants them to look.Th...', 'url': 'http://migosi.blogspot.com/2009/05/html-codes.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4097186741623344566}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3627635519-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); </script> </body> </html>