PC Help Jansant - HTML Guide - Beginners
Main Menu
Home Page
Computer Guides
Computer Dictionary
Network Setup
Tips and Tricks
Internet Guide
Freeware/Shareware
PC Upgrade Guide
PC Maintenance
Support Forum
HTML Guide
How to create a website - HTML basics
Creating your first web-site is easier than it at first seems. You do not need any special software, all thats needed is a simple text editor such as Notepad which comes standard with Windows. I always recommend people start building pages this way before buying any software, this way you get to learn the basic structure of html. Understanding the basic structure of a html document makes trouble shooting errors in your code much simpler and faster.
What is HTML?
When you visit a web-page, your browser needs a way to interpret and
display the contents of the web-page. This is done by using a special
language called a markup language. HyperText Markup Language (HTML)
is the most common type of markup lanuages of a group called Standard
Generalised Markup Language (SGML). SGML includes several Document
Type Definitions (DTD) of which HTML is one. So HTML is a SGML
DTD used on the Internet.
HTTP and HTTPS are the protocols used to transmit a web-page via the internet,
they are part of the TCP/IP
protocol suite.
A basic web-page is written using HTML and is transmitted over the internet
using the HTTP or HTTPS protocols.
HTML is a collection of tags intergrated into a text document. These tags
surround the text in the document, telling the web browser how to display
text within the tags. HTML can determine what font, color, and size should
be used to display the text. Tags can also be used to display images within
the document, what size to display the image, also where the browser can
find the image. HTML tags also tell the browser if the text or image should
point to another document (a link). Almost all HTML tags have a beginning
tag and an ending tag, they are always within angle brackets. A paragraph
starts with the <p> tag and ends with the </p> tag. You do
not see these tags when a page is viewed in a web browser, only the elements
within the tags are seen.
Basic Structure of a HTML Document
Your document will begin with the <html> tag as the very first
tag and the </html> tag as the very last tag. This tell the web
browser it is a HTML document.
A HTML document is broken into 2 fundemental sections, the head
and the body.
The head section is not seen at all in the main window of the browser.
It contains the document Title (which is displayed at the very top of
the web browser), and can contain other tags such as those used by search
engines to index the page. The head section begins with the <head>
tag and ends with </head> tag. The <head> tag is placed directly
after the <html> tag.
The body section contains the content that is seen in the main window
of the web browser. It begins with the <body> tag, which is placed
after the </head> tag. The body sections ends with the with the
</body> tag, which belongs before the </html> tag.
These tags fit together as follows;
<html>
<head>
<title>your title goes here</title>
</head>
<body>
<p>your page content goes here</p>
</body>
</html>
Open notepad and type the code above in it. Choose Save AS from
the File menu, in the Save as type drop menu select All
Files, then in File name type example.html and click
save. Use your web browser to open the file you just created, it should
look like this. If all went
well you have just created your first web-page.
Next
HTML Guide Index
feedback - terms of use - contact - sitemap - advertise - webmasters
©PC Help Jansant