Hello, world!

Basics HTML

Here you will get an overview of what is html and you will learn the basics of html. This is a good start of the html tutorial.


Defining HTML

* HTML is the acronym of Hypertext Markup Language
* HTML is the most commonly used language to code Web Documents or Pages. Every webpage you go through is coded in this language.
* HTML files are simply plain text files
* HTML simply needs a simple text editor such as notepad to start writing in HTML.

Simple HTML Document

<!DOCTYPE html>
<html>
<head>
<title>Example of Heading </title>
</head>
<body>
<h1>This is your heading 1</h1>
</body>
</html>

Details of the example above:

The DOCTYPE declaration indicates that your document type is HTML. The text within the <html> and </html> tag specifies a complete HTML document. The text within <head> and </head> tags gives information concerning the document. The text between <title> and </title> indicates the title for the document, while the text inside the <body> and </body> tags displays the page content of an HTML document. The text within the <h1> and </h1> tag builds a heading, and the text within the <p> and </p> tags builds a paragraph.

HTML Editors

Applying a simple text editor is a better way to start learning HTML. It is suggested to use text editor such as Notepad for PC or TextEdit for Mac.
Morover, you can also apply some other dedicated software such as: Adobe Dreamweaver, Microsoft Expression Web, CoffeeCup HTML Editor, Phase 5 HTML Editor, Programmer’s Notepad, SynWrite Editor, PlainEdit.net, Notepad++, jEdit HTML Editor, Sublime Text 2, Adobe Brackets, Aptana Studio 3

The Four (4) instructions below help you to build your first web page through Notepad.
Step 1: Open Notepad
In Windows 7 or older versions:
Click > All Programs > Accessories > Notepad.
In Windows 8 or latest versions:
Open the Start. Type Notepad.
Step 2: Writing HTML content
Type your HTML content into Notepad.
<!DOCTYPE html>
<html>
<body>
<h1> Heading</h1>
<p> paragraph.</p>
</body>
</html>

Step 3: Saving HTML Page
Save the file on your computer.
Click File > Save as in the Notepad menu.
Save the file as “myfirstpage.htm” or any other name ending with htm. UTF-8 is the recommended encoding for HTML files. ANSI encoding covers US and Western European characters only.

Step 4: View HTML Page in Your Browser
You can open the saved HTML file on a web browser such as Firefox, Chrome, Safari or Internet Explorer.
In the address bar, type in the location of the file you just saved and press enter.
Otherwise you can go to the File menu of the browser, select Open, and directly browse the file.

HTML Basic Tags

Heading Tags

HTML has six level of headings they are:
<h1> - The highest among headings that displays the largest text, but can only applied once as the main heading of the page.
<h2>
<h3>
<h4>
<h5>
<h6>  - The lowest among headings that displays the smallest text
Tags <h2> to <h6> on the other hand, can be applied as frequently as needed, however they are required to be arranged in order at all times.

Example:

<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>How to make heading 1</h1>
<h2>How to make heading 2</h2>
<h3>How to make heading 3</h3>
<h4>How to make heading 4</h4>
<h5>How to make heading 5</h5>
<h6>How to make heading 6</h6>
</body>
</html>

Paragraph Tag

The HTML <p> tag is used for paragraphs. Every paragraph of text should place within the opening <p> tag and closing </p> tag. You can always write content in between the tags.

Example:

<!DOCTYPE html>
<html>
<body>
<p>This is the first paragraph.</p>
<p> This is the second paragraph.</p>
<p> This is the third paragraph.</p>
</body>
</html>