After success of my blog on Free Wonderlic Practice Test Sample Questions 2013 I want to help my users to learn free HTML, With that you can create your own Web site.
HTML is very easy to learn - All my readers will enjoy this….
What is HTML?
- HTML stands for Hyper Text Markup Language
- HTML is a markup language
- A markup language is a set of markup tags
- The tags describe document content
- HTML documents contain HTML tags and plain text
- HTML documents are also called web pages
How the HTML webpage looks like?
HTML Example
<!DOCTYPE html> -declaration defines the document type
<html>
-------------------------------------------------------------------------web page
<body>
Web Page
<h1>My First Heading</h1>
<p> my first paragraph. </p>
</body>
-------------------------------------------------------------------------web page
</html>
•The text between <body> and </body> is the visible page content
•The text between <h1> and </h1> is displayed as a heading
•The text between <p> and </p> is displayed as a paragraph
What are HTML TAGS?
"HTML tags" and "HTML elements" are often used to describe the same thing.
But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags:
HTML Element:
<p>This is a paragraph.</p>
How HTML interact with web Browsers (such as Google Chrome, Internet Explorer, Firefox, and Safari)?
The purpose of a web browser is to read HTML documents, and display them in web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:
What is HTML Page Structure?
Below is a visualization of an HTML page structure:
<html>
<body>
<h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
What you need to practice your HTML
For learning HTML you can use a text editor like Notepad (PC) or TextEdit (Mac). Using a simple text editor is a good way to learn HTML.
How to Create a first web page with Notepad?
Follow the 4 steps below to create your first web page with Notepad.
Step 1: Start Notepad
Open your Notepad
Start
All Programs
Accessories
Notepad
Step 2: Edit Your HTML with Notepad
Type your HTML code into your Notepad:
Step 3: Save Your HTML
Select Save as.. In Notepad's file menu.
When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.
Save the file in a folder that is easy to remember, like my place
Step 4: Run the HTML in Your Browser
Start your web browser and open your html file from the File, Open menu, or just browse the folder and double-click your HTML file.
The result should look much like this:
Type this in your notepad
Source Code:
--------------------------------
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first webpage.</p>
</body>
</html>
And save this file as a .HTML and open this file to see this in your browser.
Look like this in webpage
______________________
My First Heading
My first webpage
