HTML Tutorial – A Quick Overview for beginners

Sharing is Caring

After this HTML Tutorial, you’ll learn about basics of HTML and it’s tag. It’ll help you in developing and customizing applications and Web sites that make use of HTML.

With our online HTML editor, you can run HTML code directly from your browser.

What is HTML-

  • HTML stands for Hyper Text Markup Language
  • An HTML file is a text file containing small markup tags
  • The markup tags tell the Web browser how to display the page
  • An HTML file must have an .htm or .html file extension
  • An HTML file can be created using a simple text editor as Notepad

HTML Tags-

  • The HTML tags are used to markup HTML elements
  • The HTML tags are surrounded by the two characters
  • The surrounding characters are called angle brackets
  • HTML tags normally come in pairs
  • The first tag in a pair is the start tag, the second tag is the end tag
  • The text between the start and end tags is the element content
  • HTML tags are not case sensitive

Simply open Online HTML Editor in new tab Tab and copy HTML code from this page and just paste in the editor, then click on “Run Button” at top of the editor and see your result in the right panel.

html tutorial

Headings in HTML

<html>
<body>
<h1>HTML Largest Heading</h1>
<h2>HTML Second Largest Heading</h2>
<h3>HTML Third Largest Heading</h3>
<h4>HTML Fourth Largest Heading</h4>
<h5>HTML Fifth Largest Heading</h5>
<h6>HTML Smallest Heading</h6>
</body>
</html>

Paragraphs in HTML

<html>
<body>
<p>This is example of paragraph, first paragraph</p>
<p>HTML tutorial, Second paragraph</p>
</body>
</html>

Links in HTML

<html>
<body>
<a href="http://www.awasthiashish.com">Ashish Awasthi's Blog</a>
<br />
<a href="http://www.facebook.com">Link to facebook</p>
</body>
</html>

Ordered List in HTML

<html>
<body>
<ol>
<li>Computers</li>
<li>Software</li>
<li>Laptop</li>
<li>Mobile</li>
</ol>
</body>
</html>

Unordered List in HTML

<html>
<body>
<ul>
<li>Computers</li>
<li>Software</li>
<li>Laptop</li>
<li>Mobile</li>
</ul>
</body>
</html>

Moving text using MARQUEE tag in HTML

<html>
<body>
<marquee>HTML Tutorial - This is moving text</marquee>
</body>
</html>

Images in HTML

<html>
<body>

<img src="http://www.awasthiashish.com/wp-content/uploads/2018/06/logo.png"
alt="Ashish Awasthi's Blog" width="200" height="200">

</body>
</html>

Text in HTML

<html>
<head>
<title>Title</title>
</head>
<body>

<b>Bold Text</b>
<br>
<i>Italic Text</i>
<br>
<u>Underline Text</i>

</body>
</html>

Test your HTML skills with W3School’s Quiz

Cheers 🙂 Happy Learning

Related Posts

An Oracle ACE, Blogger, Reviewer, Technical Lead working on Oracle ADF

2 thoughts on “HTML Tutorial – A Quick Overview for beginners”

  1. I am in first year of my engineering and this HTML tutorial looks so easy to learn, thanks for posting this .
    Please post more about this

Leave a Reply

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