Showing posts with label HTML Title. Show all posts
Showing posts with label HTML Title. Show all posts
Monday, June 21, 2010
:: HTML Elements Part 1 ::
In order to make your first website , you only need a notepad to start a website. For the first lecture , I would like to show you the basic of HTML.The most important html syntax is <html> tags . Everytime you created the html page, you have to ensure that you put <html> tags together in your code.
Below is the example coding that using <html> tags . To put other codes , you have to put its between <html> and </html>
<html>
<head><title>My Homepage</title></head>
<body>Hello world, this is my first website.</body>
</html>
*The green text is the additional codes that I put in html page. In this code , I use <head> tags and <title> tags. Both syntax require start tag / opening tag and end tag / closing tag same with <html> tags . Before running your website in web browser(i.e Internet Explorer,Mozilla Firefox) , save your works in .htm or .html extension.For example you save it as home.html.Now , you can see your work by using web browser.Good Luck !!
This is your result..(Screenshot)
Notice the title of your website enclosed between the <title> tags of your HTML file is shown on the top left of the page and is not included in the page. This is the title that will be shown to viewers when users search for your website on the search engines or when someone bookmarks your website. The page of your website only shows the texts between the <body> tags of your HTML codes.
Remember , <title> tags must be put between <head> tags like the example above. The <body> tags will be put after <head> tags.
In conclusion, html codings are divided by two sections which are head and body section. The head section is start with <head> and end with <head> . While the body section is start with <body> and end with <body> . Most of coding or tags will be put either in head or body section .
Below is the example coding that using <html> tags . To put other codes , you have to put its between <html> and </html>
<html>
<head><title>My Homepage</title></head>
<body>Hello world, this is my first website.</body>
</html>
*The green text is the additional codes that I put in html page. In this code , I use <head> tags and <title> tags. Both syntax require start tag / opening tag and end tag / closing tag same with <html> tags . Before running your website in web browser(i.e Internet Explorer,Mozilla Firefox) , save your works in .htm or .html extension.For example you save it as home.html.Now , you can see your work by using web browser.Good Luck !!
This is your result..(Screenshot)
Notice the title of your website enclosed between the <title> tags of your HTML file is shown on the top left of the page and is not included in the page. This is the title that will be shown to viewers when users search for your website on the search engines or when someone bookmarks your website. The page of your website only shows the texts between the <body> tags of your HTML codes.
Remember , <title> tags must be put between <head> tags like the example above. The <body> tags will be put after <head> tags.
In conclusion, html codings are divided by two sections which are head and body section. The head section is start with <head> and end with <head> . While the body section is start with <body> and end with <body> . Most of coding or tags will be put either in head or body section .
Labels:
HTML Body,
HTML Elements,
HTML Head,
HTML Title