Jump to content
MaxCheaters Official Group on X
MaxCheaters Official Group on Discord
--> Place your ad text here <--

[Guide]HTML - HyperText Markup Language

Dulens.

By Dulens.
in Coding Tutorials/Guides

 Share

Recommended Posts

Dulens. Newbie

Dulens.

Posted
Posted

HTML - HyperText Markup Language

 

html-5.jpg

 

 

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!

 

 

Dulens. Newbie

Dulens.

Posted
  • Author
Posted

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 Newbie

Raule

Posted
Posted

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.

Guest Elfocrash

Guest Elfocrash

Posted
Posted

more guides i give you reputation.

++

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing


×
×
  • Create New...