[Guide]HTML - HyperText Markup Language

Dulens. · May 22, 2012

HTML - HyperText Markup Language

What is HTML;

HTML stands for Hyper Text Markup Language.
HTML is not a programming language, it is a markup language.
A markup language is a set of markup tags.
HTML uses markup tags to describe web pages.

Some HTML Tags!

HTML tags are keywords surrounded by angle brackets like <html>.
HTML tags normally come in pairs like <b> and </b>.
The first tag in a pair is the start tag, the second tag is the end tag.
Start and end tags are also called opening tags and closing tags.

HTML Documents!

HTML documents describe web pages.
HTML documents contain HTML tags and plain text.
HTML documents are also called web pages.

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Example Explained.

The DOCTYPE declaration defines the document type (HTML 5).
The text between <html> and </html> describes the web page.
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.

Editing HTML.

HTML can be written and edited using many different editors like Dreamweaver and Visual Studio.
However, in this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe using a plain text editor is the best way to learn HTML.

HTML Heading

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML Paragraphs

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML Links

<a href="http://www.w3schools.com">This is a link</a>

HTML Images

<img src="w3schools.jpg" width="104" height="142" />

Note: The name and the size of the image are provided as attributes.

Some HTML Color ID.

#000000 - Black

#FF0000 - Red

#00FF00 - Green

#0000FF - Blue

#FFFF00 - Yellow

#FF00FF - Pink

#FFFFFF - White

#8A2BE2 - BlueViolet

#A52A2A - Brown

#00FFFF - Cyan

#FFD700 - Gold

#808080 - Gray

#00FF00 - Lime

#800000 - Maroon

#808000 - Olive

#FFA500 - Orange

#C0C0C0 - Silver

#008080 - Teal

#EE82EE - Violet

HTML Tutorial with Video Version:

Have fun, and wish you good practice!

Pauler · May 22, 2012

Really nice and usefull guide. I hope that's created 100% by you. Stickied.

Dulens. · May 22, 2012

Really nice and usefull guide. I hope that's created 100% by you. Stickied.

Thanks, the meanings and the codes are taken from the internet! Also, I created this but with codes from internet.

Thanks for sticky!

Raule · May 22, 2012

Thanks, the meanings and the codes are taken from the internet! Also, I created this but with codes from internet.

Thanks for sticky!

more guides i give you reputation.

Revail · May 22, 2012

really nice guide..

May 22, 2012

more guides i give you reputation.

++

PlayForFun · May 22, 2012

+1 for you guide. This is really helpful for starters in computers who wants to learn programming languages although html isn't.

Voqus · May 22, 2012

Really nice and usefull guide. I hope that's created 100% by you. Stickied.

100% created by him.

http://www.w3schools.com/html/html_intro.asp

Dulens. · May 22, 2012

100% created by him.

http://www.w3schools.com/html/html_intro.asp

I said that isn't created by me.

[Guide]HTML - HyperText Markup Language

Recommended Posts

Dulens.

Pauler

Dulens.

Raule

Revail

Guest Elfocrash

PlayForFun

Voqus

Dulens.

Join the conversation

Posts

Topics

Browse

Activity

Store