HTML TUTORIAL FOR BEGINNERS PART 1

HTML is a markup language that uses a special syntax or notation to describe the structure of a web page to the browser. HTML elements usually have opening and closing tags that surround and give meaning to content but some HTML elements don’t have closings tags like

<img src=’image path’/>

This is opening tag

<>

This is closing tag

</>

And self-closing tag is

</>

HTML is the building block of a website like skeleton in our body and brick or stone in a house.
Someone says that HTML is a programming language but it’s a misconception.
The meaning of programming language is to add logic into your program or software how it to work.
HTML has 6 types of heading elements from h1 to h6.
The web browser displays h1 as the biggest heading and h6 as the smallest heading.
Every HTML has special meaning as I described above.
Examples

<h1>hello world heading 1</h1>
<h2>hello world heading 2</h2>
<h3>hello world heading 3</h3>
<h4>hello world heading 4</h4>
<h5>hello world heading 5</h5>
<h6>hello world heading 6</h6>


HTML has paragraph element as well looks like this one

<p>hello paragraph</p>

Beside these elements HTML many more elements but not useful like these ones:

<b></b>
<pre></pre>
<code></code>
<abbr></abbr>

...

I hope you enjoy the story it means tutorial and please share my story.

--

--

--

I am a web developer who writes web development content for you to make web development easier

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

GUI APPLICATION ON DOCKER CONTAINER

How to Protect Your Application Against an AWS Outage

How to install TA-LIB

PHPArkitect: Put your architectural rules under test!

Best VS Code shortcuts to write code more efficiently

Low code revolution in MVP development

Algorithms and Data Structures Part I

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ahmadullahnikzad

Ahmadullahnikzad

I am a web developer who writes web development content for you to make web development easier

More from Medium

How to create a responsive contact form using HTML

Move an element to the center using CSS Flexbox

Here, we have sample HTML which contains two classes namely outer and inner classes

Let’s Get started with CSS