HTML  Hypertext Markup Language
html-hypertext-markup-language

HTML Hypertext Markup Language

What is HTML (Hypertext Markup Language)

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page’s appearance/presentation (CSS) or functionality behavior

HTML is the standard markup language for Web pages.

With HTML you can create your own Website.

HTML is easy to learn – You will enjoy it!

important element document

<body><header>,

<footer><article><section><p>,

<div><span><img>,

<aside><audio><canvas>,

<datalist><details>,

 <embed><nav><output>,

<progress><video>,

<ul><ol><li>


Head element 

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading

 

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

        preview

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

HTML Paragraphs

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

  preview

This is a paragraph.

This is another paragraph.

  preview

HTML Links

<!DOCTYPE html>
<html>
<body>

<h2>HTML Links</h2>
<p>HTML links are defined with the a tag:</p>

<a href=”http://ashutoshtech.com/”>This is a link</a>

</body>
</html>

HTML Links

HTML links are defined with the a tag:

This is a link

HTML Images

<!DOCTYPE html>
<html>
<body>

<h2>HTML Images</h2>
<p>HTML images are defined with the img tag:</p>

image file

</body>
</html>

HTML Click Buttons

<!DOCTYPE html>
<html>
<body>

<h2>HTML Buttons</h2>
<p>HTML buttons are defined with the button tag:</p>

<button>Click me</button>

</body>
</html>

  preview

HTML Buttons

HTML buttons are defined with the button tag:

HTML List

<!DOCTYPE html>
<html>
<body>

<h2>An Unordered HTML List</h2>

<ul>
<li>laptop</li>
<li>mobile</li>
<li>tab</li>
</ul>

<h2>An Ordered HTML List</h2>

<ol>
<li>webdeveloper</li>
<li>softwere developer</li>
<li>hacking</li>
</ol>

</body>
</html>

preview

An Unordered HTML List

  • laptop
  • mobile
  • tab

An Ordered HTML List

  1. webdeveloper
  2. softwere developer
  3. hacking

Note:- HTML Introduction

HTML is and how to use it.

Now you know about HTML

This Post Has 2 Comments

  1. Govind Kumar

    Nice post sir

Leave a Reply