An introductory tutorial of HTML for those who want to learn how to create Web pages and their own websites. Even a child can make his own web pages or even his own website by using HTML.
HTML is a language made for creating the web pages for the websites.
By using HTML language the even a child can make his web pages or even his own website so why not you.
Here are some facts about the HTML language:
By using HTML language the even a child can make his web pages or even his own website so why not you.
Here are some facts about the HTML language:
Introduction to HTML
What is HTML?
HTML is a language made for creating the web pages for the websites.
By using HTML language the even a child can make his web pages or even his own website so why not you.
Here are some facts about the HTML language:
Why do Need HTML By using HTML language the even a child can make his web pages or even his own website so why not you.
Here are some facts about the HTML language:
As the HTML is a very easy language for creating the web pages. It can be learned in few hours or in few days. It is the basic format of the HTML file it can be displayed on mostly operating system which supports the web browser.
You do not have to worry it is all easy to make like this type of pages.
Just follow these chapters which will help you to make your own Web Pages with in some seconds.
1]Basics of HTML
What is an HTML File?
· HTML stands for Hyper Text Markup Language.
· An HTML file is a text file containing small markup tags.
· The markup tags tell the Web browser how to display the page.
· An HTML file must have an htm or html file extension.
· An HTML file is a text file containing small markup tags.
· The markup tags tell the Web browser how to display the page.
· An HTML file must have an htm or html file extension.
An HTML file can be created using any simple text editor like "Notepad" of the Microsoft Windows.
First of all let me explain the above web page and how it is created, how easily it can be created.
HTML Header
HTML Body
HTML Footer
HTML Header is the top most part of the HTML file in this section of the file we define the header of file and also Title of the file can be provided.
HTML Body is the middle part of file, in this section we define all text and elements which is to displayed on web page.
HTML Footer is the end section of the file.
How To Write a HTML File?
To write a HTML file you need an text editor, open the text editor and start writing file as given below:
Steps to write a file & view the web page:
· Open the text editor (e.g. notepad).
· Write the above file in it OR copy the above file and paste it on the notepad.
· Save this file as .htm or .html file extension (e.g..htm , .html).
· Now open the Internet Browser and open the saved file.
· Now you can see your web page.
The file starts from an tag and ends with the . tag identifies that it is an HTML file. is also called as open tag and it also need its closed tag which is . Between these tags we will define the Header of the file, so add the tag and below it write to close tag.
More to display the Title to the Web Browser use the special tag write here title . Text written between the & tag will be displayed as the header of the your web page. The important tag is tag. Whatever you want to display on the web page you must write it in between & .
HTML Tags
First of all let me explain the above web page and how it is created, how easily it can be created.
Basic Description of HTML File
The HTML file can be divided into the three parts:
HTML Header
HTML Body
HTML Footer
HTML Header is the top most part of the HTML file in this section of the file we define the header of file and also Title of the file can be provided.
HTML Body is the middle part of file, in this section we define all text and elements which is to displayed on web page.
HTML Footer is the end section of the file.
How To Write a HTML File?
To write a HTML file you need an text editor, open the text editor and start writing file as given below:
Steps to write a file & view the web page:
· Open the text editor (e.g. notepad).
· Write the above file in it OR copy the above file and paste it on the notepad.
· Save this file as .htm or .html file extension (e.g.
· Now open the Internet Browser and open the saved file.
· Now you can see your web page.
The file starts from an tag and ends with the . tag identifies that it is an HTML file. is also called as open tag and it also need its closed tag which is . Between these tags we will define the Header of the file, so add the tag and below it write to close tag.
More to display the Title to the Web Browser use the special tag
HTML Tags
Tags are the reserve keywords used in the HTML file. With the help of tags we can set the format of the text and elements used in the file.
Example: Setting the font, size, color, bold, italic, Underline to the text.
In HTML language all of the files are written using tags. Even starting of the html file is done by the tag and ended with the end tag. Tags are the reserved keywords used in the HTML. They are the predefined words called tags.
Example: Setting the font, size, color, bold, italic, Underline to the text.
In HTML language all of the files are written using tags. Even starting of the html file is done by the tag and ended with the end tag. Tags are the reserved keywords used in the HTML. They are the predefined words called tags.
· HTML tags are used to mark-up HTML elements.
· HTML tags are surrounded by the two characters
· The surrounding characters are called angle brackets.
· HTML tags normally come in pairs like and
· The first tag in a pair is the start tag, the second tag is the end tag.
· The text between the start and end tags is the element content.
· HTML tags are not case sensitive, means the same as
· HTML tags are surrounded by the two characters
· The surrounding characters are called angle brackets.
· HTML tags normally come in pairs like and
· The first tag in a pair is the start tag, the second tag is the end tag.
· The text between the start and end tags is the element content.
· HTML tags are not case sensitive, means the same as
Some tags are discussed here:
Basic Tags
The most important tags in HTML are tags that define headings, paragraphs, body and line breaks. The basic HTML Tags are described here in the form of table so that you can remind them easily.
Basic HTML Tags
| Tag | Description | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Defines an HTML document | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Defines information about the document | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
tag The body element defines the documents' body. It contains all the contents of the document (like text, images, colors, graphics etc). Format: Example: Attributes
These tags are used to display headings in an HTML document. through these tags you can increase the size of the text. In these tags tag defines the largest header & These tags are ,,,,Format: Example: this is my first pageortextAttribute of the |
| Attribute | Value | Description |
| align | right,left,center | The alignment of the horizontal rule. |
| size | % , pixels | The thickness (height) of the horizontal rule. |
| width | % , pixels | The width of the horizontal rule. |
Comment Tag
The comment tag is used to insert a comment in the source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.
You can also store program-specific information inside comments. In this case they will not be visible for the user, but they are still available to the program. A good practice is to comment the text inside the script and style elements to prevent older browsers, that do not support scripting or styles, from showing it as plain text.
Format:
Example:
You might have became bored of reading so lets do some practical.
Follow these Steps:
copy this code in the new file of any text editor.
Save it with htm or html extension.
Open the Internet Browser.
Open the saved file in it.
Example:
In body tag
In body tag, background color is defined as black and textcolor is defined as the white.
This is the use of "Break" tag
and you will see use of more tags
look at the use of comment tag it is good
The effect of "hr" tag
The comment tag is used to insert a comment in the source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.
You can also store program-specific information inside comments. In this case they will not be visible for the user, but they are still available to the program. A good practice is to comment the text inside the script and style elements to prevent older browsers, that do not support scripting or styles, from showing it as plain text.
Format:
Example:
You might have became bored of reading so lets do some practical.
Follow these Steps:
copy this code in the new file of any text editor.
Save it with htm or html extension.
Open the Internet Browser.
Open the saved file in it.
Example:
In body tag, background color is defined as black and textcolor is defined as the white.
this is the h1 header
this is the h2header
this is the h3 header
this is the h4 header
this is the h5 header
This is the use of "Break" tag
and you will see use of more tags
look at the use of comment tag it is good
This is the use of paragraph tag and you will see use of more tags
The effect of "hr" tag
1] Character Format Tags
These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the text.
All these character formatting Tags are defined in the table shown below:
All these character formatting Tags are defined in the table shown below:
| Char Format Tag | Description |
| Displays bold text | |
| Displays italic text | |
| Renders as teletype or mono spaced text | |
| Displays underlined text | |
| Displays emphasized text | |
| Displays big text | |
| Displays small text | |
| Displays strong text | |
| Displays subscripted text | |
| Displays superscripted text | |
| Defines the direction of text display | |
| Defines the font face, size, and color of text |
Tag
The tag is used to make the text bold.
Format:
................text.........
Tag
The tag displays the italic text.
Format:
................text.........
Tag
The tag displays the typewriter text.
Format:
................text.........
Tag
The tag displays the underlined text.
Format:
................text.........
Tag
The tag displays the emphasized text.
Format:
................text.........
Tag
The tag displays the big text.
Format:
................text.........
Tag
The tag displays the small text.
Format:
................text.........
Tag
The tag displays strong text.
Format:
................text.........
Tag
The tag displays text in subscripted format.
Format:
................text.........
Tag
The tag displays superscripted text.
Format:
................text.........
Tag
The tag defines the direction of the text.
Format:
................text.........
Tag
The tag defines the font, color, size of the text.
Format:
........text.........
The tag is used to make the text bold.
Format:
................text.........
Tag
The tag displays the italic text.
Format:
................text.........
Tag
The tag displays the typewriter text.
Format:
................text.........
Tag
The tag displays the underlined text.
Format:
................text.........
Tag
The tag displays the emphasized text.
Format:
................text.........
Tag
The tag displays the big text.
Format:
................text.........
Tag
The tag displays the small text.
Format:
................text.........
Tag
The tag displays strong text.
Format:
................text.........
Tag
The tag displays text in subscripted format.
Format:
................text.........
Tag
The tag displays superscripted text.
Format:
................text.........
Tag
The tag defines the direction of the text.
Format:
................text.........
Tag
The tag defines the font, color, size of the text.
Format:
........text.........
Examples of the Text Formatting tags
| Examples | Outputs |
| This text is bold | This text is bold |
| This text is strong | This text is strong |
| This text is big | This text is big |
| This text is emphasized | This text is emphasized |
| This text is italic | This text is italic |
| This text is small | This text is small |
| This text contains subscript | This text contains subscript |
| This text contains superscript | This text contains superscript |
| this is underlined text | this is underlined text |
| Here is some Hebrew text | Here is some Hebrew text |
You have read all the basis tags, So now lets do some practical.
Just write/copy this example on any text editor new file and save the file and open in the browser and see how it looks.
Example:
This text is bold
This text is strong
This text is big
This text is emphasized
This text is italic
This text is small
this is underlined text
This text contains
subscript
This text contains
superscript
The use of font tag
this is use of font tag
Just write/copy this example on any text editor new file and save the file and open in the browser and see how it looks.
Example:
This text is bold
This text is strong
This text is big
This text is emphasized
This text is italic
This text is small
this is underlined text
This text contains
subscript
This text contains
superscript
The use of font tag
this is use of font tag
3] Output Tags
These tags are often used to display computer/programming code. You might be surprised for "how to display the text containing the spaces, line breaks, programming codes, sample text, define variable". Do not worry, because in this chapter we are going to show you how easily you can do easily.
So lets start with these tags:
So lets start with these tags:
| Tag | Description |
| Defines preformatted text | |
| Defines computer code text |
| Defines teletype text | |
| Defines keyboard text | |
| Defines a variable | |
| Defines a definition term | |
| Defines sample computer code |
.........Tag
This is preformatted text. It preserves both spaces and line breaks. The pre tag is good for displaying computer code.
Format:
.....text.....
Example:
for i = 1 to 10
print i
next i
Output:
for i = 1 to 10
print i
next i
.....text ...... Tag
This tag is also used to display the computer code. But better you use
tag.
Format:.....text.....
.....Keyboard Input...... Tag
This tag displays the Keyboard Input.
Format:
........ Keyboard Input......
......text.... Tag
This tag displays the typewriter text.
Format:
.....text.....
....sample text... Tag
This tag displays the sample text.
Format:
.....sample text.....
computer variable
This tag defines the computer variable.
Format:
computer variable
definition term
this tag is used for definition term.
Format:
definition term
Examples of output tags
| Examples | Outputs |
It preserve all spaces | It preserve all spaces |
Computer code | Computer code |
| Keyboard input | Keyboard input |
| Teletype text | Teletype text |
| Sample text | Sample text |
| Computer variable | Computer variable |
| Definition term | Definition term |
Now you have learned the Output Tags so lets do some practical. Below there is a file type the same code on notepad (any text editor) and save it. now open this file in the internet browser.
Example:
Keyboard input
Teletype text
Sample text
Computer variable
Example:
Computer code
Keyboard input
Teletype text
Sample text
Computer variable
Note:
These tags are often used to display computer/programming code.
Monday, June 22, 2009
computer
Computers Repairing
Computer Repair Done Right For FREE
This article will help users to perform a complete computer cleanup, which will improve the overall performance of their computers. It's not meant as a substitute for regular computer maintenance, performed by a professional computer technician.
Almost every computer user knows that, from time to time, your computer starts to run a little slower or you notice that you hard drive space is dwindling. So many people shrug this off and choose not to do anything about it. They think that it's normal to have these kinds of computer problems and that there isn't anything they can do about it. Your computer is trying to tell you something...it's time for a cleaning. It's time to clean up the junk and organize the files on your computer, just as you would clean and organize your office.
This step-by-step tutorial will put you on the path toward a cleaner, more efficient computer. You'll learn how to perform a complete computer cleanup and you just may save yourself some money, in the future, by maintaining your computer, instead of just taking it to a repair technician when it breaks.
Microsoft has ended support for Windows 98, 98SE and Millennium.
If you still have one of those earlier operating systems, your computer is just too old to become "efficient" by today's standards.
Follow these cleanup steps and you just may learn to love your computer, again.
If you still have one of those earlier operating systems, your computer is just too old to become "efficient" by today's standards.
Follow these cleanup steps and you just may learn to love your computer, again.
Unused User Accounts If you have any User Accounts that are no longer active, logon as a computer administrator and remove them.
1.Click START, then CONTROL PANEL. 2.When the Control Panel opens, click USER ACCOUNTS. 3.Click CHANGE AN ACCOUNT. 4.Click on the name of the account you want to remove. 5.Click REMOVE THIS ACCOUNT. 6.When given the option to "delete files" or "keep files", choose to delete them. 7.After removing all unused User Accounts, restart the computer. Windows Updates Make sure you have all of the latest Windows Updates installed by visiting update.microsoft.com and following the instructions on the website.
It's critical that you keep your computer up-to-date. Microsoft releases new security updates all the time and it's easier just to set your computer to automatically download and install these updates. Here's how to do that:
1.Right-click on MY COMPUTER. 2.Click PROPERTIES. 3.Click the AUTOMATIC UPDATES tab (reference the illustration, below). 4.Choose "Automatic (recommended)". 5.Click APPLY and OK.
Remove Unused Programs This is pretty basic stuff. Most Windows users have already been through the steps of adding and removing programs, but we'll list the steps for those who haven't.
1.Click START, then CONTROL PANEL.
2.Double-click ADD OR REMOVE PROGRAMS.
3.When the window that opens has fully loaded, scroll through the list of programs and remove any that are unwanted or no longer used.
4.Just a piece of advice...any programs listed that mention anything about "bargain", "cash", "search", "web" or "fun", in the program name, should probably be removed.
Temporary File Cleanup Temporary files are one of the biggest wastes of hard drive space, hogs of computer resources and major causes of recurring spyware and virus infections. They need to be cleaned on a regular basis. Follow these steps to remove ALL temporary files from your computer:
1.Click START, then CONTROL PANEL. 2.When the Control Panel opens, click USER ACCOUNTS. 3.Click CHANGE AN ACCOUNT. 4.Click on the name of the account you want to remove. 5.Click REMOVE THIS ACCOUNT. 6.When given the option to "delete files" or "keep files", choose to delete them. 7.After removing all unused User Accounts, restart the computer. Windows Updates Make sure you have all of the latest Windows Updates installed by visiting update.microsoft.com and following the instructions on the website.
It's critical that you keep your computer up-to-date. Microsoft releases new security updates all the time and it's easier just to set your computer to automatically download and install these updates. Here's how to do that:
1.Right-click on MY COMPUTER. 2.Click PROPERTIES. 3.Click the AUTOMATIC UPDATES tab (reference the illustration, below). 4.Choose "Automatic (recommended)". 5.Click APPLY and OK.
Remove Unused Programs This is pretty basic stuff. Most Windows users have already been through the steps of adding and removing programs, but we'll list the steps for those who haven't.
1.Click START, then CONTROL PANEL.
2.Double-click ADD OR REMOVE PROGRAMS.
3.When the window that opens has fully loaded, scroll through the list of programs and remove any that are unwanted or no longer used.
4.Just a piece of advice...any programs listed that mention anything about "bargain", "cash", "search", "web" or "fun", in the program name, should probably be removed.
Temporary File Cleanup Temporary files are one of the biggest wastes of hard drive space, hogs of computer resources and major causes of recurring spyware and virus infections. They need to be cleaned on a regular basis. Follow these steps to remove ALL temporary files from your computer:
Virus And Spyware Scans If you don't already have an antivirus program and two or three antispyware programs installed and updated on your computer, then you're BEGGING for problems. I use Webroot Antivirus/Antispyware and Spybot Search & Destroy (free). If you're relying solely on "free" programs for your computer security, you're likely making a big mistake. I understand that you don't want to pay for software. Nobody does. You just have to look at the value in investing a little bit of money toward preventing the problems that might arise from choosing the "cheaper route". Ok...enough said on that subject.
The most efficient way for antivirus and antispyware products to complete their scans successfully is to run them while the computer is in Safe Mode. To restart Windows in Safe Mode, tap the F8 key about every half-second or so, at computer startup, once you see the manufacturer's logo. You'll then be brought to a screen where you will use the arrow keys to choose the boot mode. Use the arrow up or down key to choose SAFE MODE. Press enter and let Windows do it's thing. When the computer has fully booted, complete FULL SYSTEM scans with your antivirus and antispyware programs. When they are completed, reboot the computer, normally.
Defragment The Hard drive(s) This is the final step in your major computer cleaning. This will insure that the files on the disk are organized in such a way that makes them more quickly accessible, causing less "wait time" and less wear and tear on your drive.
1.Click START. 2.Navigate through ALL PROGRAMS to get to the ACCESSORIES folder. 3.Choose SYSTEM TOOLS. 4.Choose DISK DEFRAGMENTER. 5.Select the main disk (C:). 6.You shouldn't need to "analyze" the drive. At this point, it's better just to choose "DEFRAGMENT". 7.Let the program run through the process and reboot the computer, normally, when completed.
That's it! You should see a HUGE improvement in the performance of your computer.
The most efficient way for antivirus and antispyware products to complete their scans successfully is to run them while the computer is in Safe Mode. To restart Windows in Safe Mode, tap the F8 key about every half-second or so, at computer startup, once you see the manufacturer's logo. You'll then be brought to a screen where you will use the arrow keys to choose the boot mode. Use the arrow up or down key to choose SAFE MODE. Press enter and let Windows do it's thing. When the computer has fully booted, complete FULL SYSTEM scans with your antivirus and antispyware programs. When they are completed, reboot the computer, normally.
Defragment The Hard drive(s) This is the final step in your major computer cleaning. This will insure that the files on the disk are organized in such a way that makes them more quickly accessible, causing less "wait time" and less wear and tear on your drive.
1.Click START. 2.Navigate through ALL PROGRAMS to get to the ACCESSORIES folder. 3.Choose SYSTEM TOOLS. 4.Choose DISK DEFRAGMENTER. 5.Select the main disk (C:). 6.You shouldn't need to "analyze" the drive. At this point, it's better just to choose "DEFRAGMENT". 7.Let the program run through the process and reboot the computer, normally, when completed.
That's it! You should see a HUGE improvement in the performance of your computer.
Subscribe to:
Posts (Atom)
