HTML Intro and Basic Tags

  • What is HTML?

HTML stands for “Hyper Text Markup Language”.It is a language which is used for describing web pages using ordinary text.

HTML files always saved with its extension name (filename.html).

  • STRUCTURE OF HTML :

<!doctype html>

<html>

<head>

<title>

</title>

</head>

<body>

……..

</body>

</html>

The first line on the top,<!doctype html>,is a document type declaration and its lets the browser know which flavor of HTML you’re using (HTML5, in this case).

<html> is the opening tag that kicks things off and tells the browser that evevrthings between that and the </html> closing tag is an HTML document.The stuff between <body> and </body> is the main content of the document that will appear in the browser window.

  • HEADING TAGS :

HTML has 6 levels of headings which use the elements <h1>, <h2>, <h3>, <h4>, <h5> and <h6>.

For example:

<!doctype html>

<html>

<head>

<title>heading examples</title>

</head>

<body>

<h1>This is a heading 1</h1>

<h2>This is a heading 2</h2>

<h3>This is a heading 3</h3>

<h4>This is a heading 4</h4>

<h5>This is a heading 5</h5>

<h6>This is a heading 6</h6>

</body>

</html>

RESULT :

This is a heading 1

This is a heading 2

This is a heading 3

 This is a heading 4

This is a heading 5

This is a heading 6

  • PARAGRAPH TAG:

The <p> tag offers a way to structure your text into different paragraphs.Each paragraph of text should go in between an opening <p> and a closing tag </p>.

For example:

<!doctype html>

<html>

<head>

<title>paragraph examples</title>

</head>

<body>

<p>First paragraph</p>

<p>Second paragraph</p>

</body>

</html>

RESULT :

First paragraph

Second paragraph

  • LINE BREAK TAG :

<br/> tag is used for break the line ,after using break tag anything we write,it starts from next line.

For example:

<!doctype html>

<html>

<head>

<title>paragraph examples</title>

</head>

<body>

<p>Hello <br/>

Thanks</p>

</body>

</html>

RESULT :

Hello

Thanks

  • HORIZONTAL LINES:

Horizontal lines are used to visually break-up sections of document .The <hr/> tag creates a line from the current position in the document to the right margin and breaks the line accordingly.

For example:

<!doctype html>

<html>

<head>

<title>horizontal line examples</title>

</head>

<body>

<p>This is a first para. <hr/></p>

<p>This is a second para.</p>

</body>

</html>

RESULT :

This is a first paragraph.

____________________

This is a second paragraph.

  • DELETE TAG:

Delete tag is used to delete the text .

For example :

<!doctype html>

<html>

<head>

<title>delete tag examples</title>

</head>

<body>

<del>Hello There</del>

</body>

</html>

RESULT :

Hello There

  • SUBSCRIPT AND SUPERSCRIPT:

A subscript or superscript is a character (number,letter or symbol) that is (respectively) set slightly below or above the normal line of type.

For example:

<!doctype html>

<html>

<head>

<title>subscript and superscript examples</title>

</head>

<body>

H<sub>2</sub>O <br/>

A<sup>2</sup>

</body>

</html>

RESULT :

H2O

A2

  • COMMENTS WRITING:

<!_ _ comments starts

_ _> comments closed.

  • STRONG,INS,EM TAG:

<strong>tag is used for highlighting the text.

<ins> tag is used for underlining the text.

<em>tag is used for italic.

For example:

<!doctype html>

<html>

<head>

<title>strong,ins,em tag examples</title>

</head>

<body>

<strong>Apple<br/></strong>

<ins>Mango<br/></ins>

<em>Orange</em>

</body>

</html>

RESULT :

Apple

Mango

Orange

 Example:

<!doctype html>

<html>

<head>

<title>text</title>

</head>

<body>

<p><strong style=”color:green;”>This</strong>

<strong style=”color:yellow;”>is</strong>

<strong style=”color:blue;”>my</strong>

<strong style=”color:red;”>page.</strong>

</p>

</body>

</html>

RESULT:

This is my page.

 

Content Credit : Ms. Swati Singh

53 thoughts on “HTML Intro and Basic Tags

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. I simply want to say I am just new to blogs and honestly loved your web blog. Probably I’m likely to bookmark your blog . You actually come with perfect article content. Thank you for revealing your blog.

  2. Spectacular site. Many helpful tips listed here. I’m submitting the item to 3 close friends ans furthermore discussing within delectable aplikasi berita saham terkini. And definitely, thank you for your effort!

  3. I do not know whether it’s just me or if everyone else encountering problems with
    your blog. It appears as if some of the written text within your content are
    running off the screen. Can somebody else please comment
    and let me know if this is happening to them
    as well? This could be a problem with my internet browser because I’ve had this happen previously.
    Appreciate it

  4. I just like the helpful information you supply for your articles.
    I’ll bookmark your weblog and test once more here frequently.
    I am slightly sure I will be informed a lot of new stuff right
    right here! Good luck for the next!

  5. Your style is so unique in comparison to other people I’ve read stuff from.
    Many thanks for posting when you have the opportunity, Guess I will just
    bookmark this blog.

  6. Hi, I do believe this is a great website. I stumbledupon it 😉 I will come back once again since i have book marked it.
    Money and freedom is the greatest way to change, may you be rich and continue to guide other people.

  7. Hello, i believe that i saw you visited my web site so i got here to go back the favor?.I am attempting to in finding issues to enhance my website!I guess its good enough to use a few of your ideas!!

  8. Hi very cool website! Man. Outstanding. Fantastic. We’ll book mark your website along with go ahead and take nourishes additionally? I am willing to look for several useful info right here in the send, we’d like workout additional methods about this respect, thank you for spreading.. prabowo menikah

  9. Great – I should certainly pronounce, impressed with your web site. I had no trouble navigating through all tabs as well as related info ended up being truly easy to do to access. I recently found what I hoped for before you know it in the least. Reasonably unusual. Is likely to appreciate it for those who add forums or something, web site theme . a tones way for your customer to communicate. Nice task.

  10. Good write-up. I merely found your site and also tried to point out that We have truly experienced shopping your own blog site content.. aplikasi prediksi saham indonesia Regardless I’m going to be signing up inside your rss feed so i do hope you create once again immediately!

  11. I believe that is essentially the most considerable facts personally. And i’m joyful researching your document. However need to review on many standard things, It flavor is right, the articles or blog posts will be exceptional : Deb. Great work, cheers I believe that is essentially the most considerable facts personally. And i’m joyful researching your document. However need to review on many standard things, It flavor is right, the articles or blog posts will be exceptional : Deb. Great work, cheers

  12. We are a gaggle of volunteers and starting a brand new scheme in our community. Your website offered us with helpful info to paintings on. You’ve done a formidable task and our entire group might be thankful to you.

  13. Can I just say what a relief to find someone who actually knows what theyre talking about on the internet. You definitely know how to bring an issue to light and make it important. More people need to read this and understand this side of the story. I cant believe youre not more popular because you definitely have the gift.

  14. Hello! This is kind of off topic but I need some guidance from an established blog. Is it tough to set up your own blog? I’m not very techincal but I can figure things out pretty fast. I’m thinking about setting up my own but I’m not sure where to start. Do you have any points or suggestions? Thank you

  15. I together with my pals ended up examining the excellent helpful hints from your web site and quickly developed an awful suspicion I had not expressed respect to the site owner for those strategies. All the boys had been for this reason stimulated to read through them and have undoubtedly been having fun with those things. Thanks for turning out to be considerably accommodating and then for figuring out this form of very good things millions of individuals are really desirous to know about. Our own sincere regret for not expressing appreciation to you sooner.SEO Company in Chennai

Please wait...

Subscribe to our newsletter

Want to be notified when our article is published? Enter your email address and name below to be the first to know.