Main Page Forum Ringtones SMS Messages Games Free Downloads Contact UsTelepk Map
Make This Page Your Home Page Make TelePK.Com Your Favorite Website Telepk Header
IP: 54.167.188.64 COUNTRY: Flag:
Mobile Zone
  1. PTCL TelePhone Directory
  2. SMS Messages
  3. SmS Jokes
  4. Sms Dictionary
  5. Memory Card Rates
  6. Mobile Phones
  7. Mobile Phone Articles
  8. Mobile Tutorials
  9. Mobile Games
  10. Mobile Wallpapers
  11. Secret Codes
  12. Ring Tones
  13. Web To SmS
  14. Telecom Reviews
  15. SMS Worldwide

Entertainment
  1. Islam
  2. Listen Radio Live
  3. Watch TV Channels
  4. Elections
  5. Home Decoration
  6. Beauty And Health
  7. Tech News
  8. Kitchen
  9. Greeting Cards
  10. Animation
  11. Messenger Zone
  12. Online Chat
  13. Articles
  14. Downloads
  15. City Codes
  16. Computer
  17. Know Your Heart
  18. Palmistry
  19. Myspace
  20. Make Money
  21. World News
  22. Map Guide
  23. Eid Day
  24. Pakistan
  25. Pakistani Singers
  26. Personalities
  27. Emergency No.s
  28. Funny Jokes
  29. Finance
  30. Flights
  31. Funny Pictures
  32. Kids
  33. Songs
  34. Sports Online
  35. Spotlight
  36. Student Visa
  37. Education
  38. Online Games
  39. Study Abroad
  40. Tutorials
  41. Immigration
  42. Internet
  43. Urdu
  44. Weather Status
  45. Webmaster Tools
  46. Valentine Day
  47. Video Clips
  48. Videos

Latest Updates!
Please fill out the form below to get notified whenever telepk.com will be update.
Enter your email address:



Active Visitors
  1. 250





HTML Tutorial

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 can be created using a simple text editor

Do You Want to Try It?

If you are running Windows, start Notepad.

If you are on a Mac start SimpleText.

In OSX start TextEdit and change the following preferences: Select (in the preferences window) "Plain text" instead of "Rich text" and then select "Ignore rich text commands in HTML files". This is very important because if you don't do this HTML codes probably won't work.

Type in the following text:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>

Save the file as "mypage.htm". 

Start your Internet browser. Select "Open" (or "Open Page") in the File menu of your browser. A dialog box will appear. Select "Browse" (or "Choose File") and locate the HTML file you just created - "mypage.htm" - select it and click "Open". Now you should see an address in the dialog box, for example "C:\MyDocuments\mypage.htm". Click OK, and the browser will display the page.


Example Explained

The first tag in your HTML document is <html>. This tag tells your browser that this is the start of an HTML document. The last tag in your document is </html>. This tag tells your browser that this is the end of the HTML document.

The text between the <head> tag and the </head> tag is header information. Header information is not displayed in the browser window.

The text between the <title> tags is the title of your document. The title is displayed in your browser's caption.

The text between the <body> tags is the text that will be displayed in your browser.

The text between the <b> and </b> tags will be displayed in a bold font.


HTM or HTML Extension?

When you save an HTML file, you can use either the .htm or the .html extension. We have used .htm in our examples. It might be a bad habit inherited from the past when some of the commonly used software only allowed three letter extensions.

With newer software we think it will be perfectly safe to use .html.


Note on HTML Editors:

You can easily edit HTML files using a WYSIWYG (what you see is what you get) editor like FrontPage, Claris Home Page, or Adobe PageMill instead of writing your markup tags in a plain text file.

But if you want to be a skillful Web developer, we strongly recommend that you use a plain text editor to learn your primer HTML.


Frequently Asked Questions

Q: After I have edited an HTML file, I cannot view the result in my browser. Why?
A:
Make sure that you have saved the file with a proper name and extension like "c:\mypage.htm". Also make sure that you use the same name when you open the file in your browser.

Q: I have tried to edit an HTML file but the changes don't show in the browser. Why?
A:
The browser caches your pages so it doesn't have to read the same page twice. When you have changed a page, the browser doesn't know that. Use the browser's refresh/reload button to force the browser to read the edited page.

Q: What browser should I use?
A:
You can do all the training with all of the common browsers, like Internet Explorer, Mozilla, Netscape, or Opera. However, some of the examples in our advanced classes require the latest versions of the browsers.

Q: Does my computer have to run Windows? What about a Mac?
A:
You can do all your training on a non-Windows computer like a Mac. However, some of the examples in our advanced classes require a newer version of Windows, like Windows 98 or Windows 2000.

HTML Basics

[HTML Tutorial] [HTML Introduction] [HTML Elements] [HTML Basic Tags] [HTML Formatting] [HTML Entities] [HTML Links] [HTML Frames] [HTML Tables] [HTML Lists] [HTML Forms] [HTML Images] [HTML Background] [HTML Colors] [HTML Colorvalues] [HTML Colornames]

HTML Advance

[HTML Layout] [HTML Fonts] [HTML 4.0 Why] [HTML Styles] [HTML Head] [HTML Meta] [HTML URLs] [HTML Scripts] [HTML Attributes] [HTML Events] [HTML URL-encode] [HTML Webserver] [HTML Summary]

HTML References

[HTML Tag List] [HTML Attributes] [HTML Events] [HTML Colornames] [HTML ASCII] [HTML Entities] [HTML URL Encode] [HTTP Messages]



More Tutorials...
  1. HTML Tutorial
  1. XHTML Tutorial
  1. CSS Tutorial
  1. Javascript Tutorial
  1. DHTML Tutorial
  1. VBScript Tutorial
  1. TCP/IP Tutorial
  1. ASP Tutorial
  1. AJAX Tutorial
  1. CFML Tutorial
  1. PHP Tutorial
  1. WML Tutorial
  1. Flash Tutorial
  1. XML Tutorial
  1. RSS Tutorial
  1. Web Services
  1. ADO Tutorial
  1. MySQL Tutorial
  1. SQL Tutorial
  1. HTML Tips
  1. SEO Tips
  1. MYSQL Tips
  1. PHP Tips


Send this page to a friend

   
Most Viewed Services:
  1. New Year
  2. Free TV
  3. Watch GEO News
  4. Watch Disney TV USA
  5. AIM Away Messages
  6. AIM Buddy Icons
  7. BBQ Recipes
  8. Burger Recipes
  9. Fruit Salad Recipes
  10. Funny Pictures
  11. Spider-Man
  12. Spider-Man The Film
  13. Spider-Man Wallpapers
  14. Family
  15. Family Fun
  16. Windows Live Messenger
  17. Easter E-Cards
  18. 2008 Festivals
  19. Christian Festivals
  20. Msn Display Pictures
  21. Yahoo Avatars
  22. Myspace
  23. Nokia 5700
  24. Nokia 5070
  25. Bob Woolmer
  26. SMS Messages
  27. SMS Jokes
  28. Animals
  29. Apple
  30. Bikes
  31. Zong
  32. World
  33. Cars
  34. Celebrity
  35. Facebook
  36. Ali Lohan
  37. Computer
  38. Finance
  39. Fitness
  40. Shoes
  41. New Homes
  42. MSN Web Messenger
  43. Download MSN Messenger
  44. Download Latest Msn Messenger
  45. Multi MSN
  46. Download Multi MSN
  47. MSN Emoticon
  48. MSN Nick Name
  49. MSN Screen Names
  50. MSN Nick
  51. MSN Names
  52. Cool MSN Emoticon
  53. Urdu
  54. Urdu Jokes
  55. Urdu Dictionary
  56. Urdu Poetry
  57. Automobile
  58. Cars
  59. New Cars
  60. Food
  61. Kitchen
  62. Cell Phone
  63. Free Mobile Game
  64. Free Mobile Wallpapers
  65. Mobile Phone Secret Code
  66. Free Web SMS
  67. Free Worldwide Sms
  68. Islam Way
  69. Home Interior Decoration
  70. Health And Beauty Tip
  71. Latest Tech News
  72. Kitchen Remodeling
  73. Free E Greeting Card
  74. Know Heart
  75. Palmistry Line
  76. Make Money Online
  77. Myspace HTML Codes
  78. Myspace Toolbox
  79. Toyota RAV4
  80. Nokia Cell Phone
  81. Sony Ericsson Cell Phone
  1. Chinese New year Celebration
  2. Blackberry Phone
  3. Funny Joke
  4. MSN Avatars
  5. MSN Smileys
  6. MSN Display Pics
  7. MSN Display Pictures
  8. Pakistan Cricket Team
  9. Spicy Food
  10. Health Food
  11. Pakistan
  12. AOL Block Checker
  13. Urdu News
  14. Yahoo Web Messenger
  15. Download Yahoo Messenger
  16. Download Latest Messenger Version Yahoo
  17. Multi Yahoo Messenger
  18. Download Multi Yahoo Messenger
  19. Yahoo Emoticon
  20. Yahoo Hidden Emoticon
  21. Yahoo Avatars
  22. Yahoo Display Pictures
  23. Yahoo Animated Avatars
  24. Yahoo Smileys
  25. Free Cooking Recipe
  26. Hindu Festivals
  27. Sikh Festivals
  28. March Madness
  29. Tutorials
  30. Article of Mobile Phone
  31. Abrar Ul Haq
  32. Zong Sms
  33. Internet
  34. Better Homes
  35. Home
  36. Pets
  37. Forex
  38. Real Estate
  39. Science
  40. Stock Exchange
  41. WWE
  42. Information
  43. Football
  44. Flights
  45. Cricket News
  46. Latest World News
  47. Personality
  48. Emergency Phone Numbers
  49. Family Kid
  50. Online Spotlight
  51. Student Visa
  52. Download Online Game
  53. Study Abroad
  54. Immigration Law
  55. College University
  56. Web Master Tool
  57. Weather Report
  58. Funny Video Clips
  59. Funny SMS Joke
  60. Urdu SMS
  61. New Year SMS Joke
  62. Free SMS Joke
  63. AIM Block Checker
  64. City Code
  65. Find Article
  66. Dual Sim T500
  67. Asus P535
  68. Asus Cell Phone
  69. Sky Scrappers
  70. Funny Jokes
  71. History of Pakistan
  72. Government of Pakistan
  73. Lahore Resolution
  74. English Chat
  75. Online Chat Rooms
  76. Computer Wallpaper
  77. Software Downloads
  78. Samsung i710
  79. Ali Zafar
  80. Atif Aslam


More Resources...


© All Rights Reserved : Pakistan : Privacy Policy : Disclaimer : Advertise with us : Sitemaps : 1, 2, 3, 4, 5