HTML Tutorial - Documents
An html web page is basically a plain text (ASCII) file.
It can be created/modified using any basic text editor.
1. Basic structure
The HTML tag starts and stops the web page.
Different sections are defined within the web page.
<HTML>
<HEAD>
Header info for the page goes here
</HEAD>
<BODY>
Page body/text/content goes here
</BODY>
</HTML>
|
|
The HEAD html tag starts and stops
header info which may or may not be visible to the browser.
The BODY tag starts and stops
the part of the web page which will be shown in your browser's
window.
2. Header section
This section holds the title of the page and
information which tells search engines more about the web page.
2.1 Document title
The TITLE tag defines the title
for the html document.
<HEAD>
<TITLE>Beginner html guide</TITLE>
</HEAD>
|
|
This would set the title of the page (shown in the top part
of your browser window) to 'Beginner html guide'. This tag
is placed within the HEAD section.
2.1 Meta tags
These tags come in many flavors. This beginner's guide only covers search engine related
META tags.
<HEAD>
<TITLE>Beginner html guide</TITLE>
<META NAME="description" CONTENT="This page offers html help">
<META NAME="keywords" CONTENT="html, tutorial, guide, help">
</HEAD>
|
|
The NAME attribute defines what
type of info the META tag
provides. The CONTENT attribute
sets the value.
3. Body section
This section is what you see in the browser window.
Other html tags covered in this tutorial go here.
4. Example
This sample html code sets the title for the document
and adds some text as content for the page.
<HTML>
<HEAD>
<TITLE>Beginner html guide</TITLE>
</HEAD>
<BODY>
This text is shown in the browser window
</BODY>
</HTML>
|
|
Simply create a text file (with a .html extension) with the above html code and save it do disk.
You could also upload it to your web hosting account. Point a browser to it to see what it does.