Scribd
Upload
19 views3 pages

Learn HTML in One Video - CodeWithHarry

The document is a tutorial on HTML, explaining its purpose as a markup language for web pages and detailing essential HTML tags such as <html>, <head>, <title>, and <body>. It also covers basic tags for headings, paragraphs, links, and images, along with tag attributes and examples of HTML code. The tutorial aims to help beginners learn HTML effectively, particularly in Hindi.

Uploaded by

pemox76321
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
19 views3 pages

Learn HTML in One Video - CodeWithHarry

The document is a tutorial on HTML, explaining its purpose as a markup language for web pages and detailing essential HTML tags such as <html>, <head>, <title>, and <body>. It also covers basic tags for headings, paragraphs, links, and images, along with tag attributes and examples of HTML code. The tutorial aims to help beginners learn HTML effectively, particularly in Hindi.

Uploaded by

pemox76321
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

7/20/2021 Learn HTML In One Video - CodeWithHarry

Learn HTML In One Video

Kickstart your html by learning it in hindi

Hey whats up! you wanna know about HTML 5 right?

Here you go !

HTML stands for Hyper Text Markup Language

~ A language used for describing Web pages using ordinary text.

~ It forms the basic Structure of any website

HTML Files

~ Every Web page is a Html file. Each Html file is just a plain text file with ".html" file extension

HTML Tags

~ Every Html file is made up of numerous HTML Tags.

~ Html tags are hidden keywords within a Web page that defines format of that particular Web Browser.

~ Most tags have two parts namely 'Closing Tag' and 'Opening Tag'. (Note that closing tag has the same text as the opening tag but
has additional forward slash / character.

Essential Html Tags :-

1. <html> </html>

All tags fall in between the html tags. It defines the document as Web page.

2. <head> </head>

The header contains information like title of the document that won't appear on actual page.

3. <title> </title>

The title defines the title that will appear in the title bar of the Web browser.

4. <body> </body>

The body tags contain all the visible content of the page including all images, links, etc.

https://www.codewithharry.com/videos/learn-html-in-one-video-in-hindi 1/3
7/20/2021 Learn HTML In One Video - CodeWithHarry
Basic Tags-

1. Headings and Subheadings

<h1> A heading </h1>

There are 6 levels of headings available from smallest to largest. ( h1 to h6)

2. Paragraphs

<p> Some text </p>

3. Links

<a href = "URL" </a>

4. Image

<img src = "photo.jpg">

Tag Attributes

Attributes helps one to customise a tag and are defined within the opening tag. For Example - <ol type = "a">

ol stands for Ordered list and ul for Unordered List

~ Attributes are often assigned a value using the equal sign, such as width = 65%

~ Break Tag

<br> Tag is used for styling. In most cases it's preferred to use CSS and Java for Styling.

~ Comment Tag

It's not visible on the actual page but remains saved in the language itself.

<!--- this is a comment --->

~ Form tag- It is used for adding a special Form to the Web page.

<form>

Enter your name : <input type = 'text'/>

<form>

Similarly there are also other tags like <table> tags used to form a table with table row and table headings. Caption tags, Div Tags,
Meta tags, etc.

We can also link 'heads tag' to external CSS easily. You can prefer other 'Sublime Text' or 'Atom Editor' to make Coding in Html a fun
rather than using Notepad for Coding.

https://www.codewithharry.com/videos/learn-html-in-one-video-in-hindi 2/3
7/20/2021 Learn HTML In One Video - CodeWithHarry

File index.html as described in the video

<!DOCTYPE html>
<html>
<title>This
This is my title</title>
title
<!-- this is a comment -->
<head>

</head>
<body>

<div id="mydiv" class="redbox">


This is my name ∫ f(x) dx
</div>
<h1>This
This is my heading 1 using h1 tag</h1>
tag
<p>Computer
Computer programming is the process of designing </p>
<h2>This
This is my heading 2 using h2 tag
tag</h2>
<h3>This
This is my heading 3 using h3 tag
tag</h3>
<h4>This
This is my heading 4 using h4 tag
tag</h4>
<h5>This
This is my heading 5 using h5 tag</h5>
tag
<h6>This
This is my heading 6 <br>using
using h6 tag</h6>
tag

<ol type="i">
<li><a href="https://www.google.com">Go
Go to google</a></li>
google
<li>item2
item2</li>
<li>item3
item3</li>

https://www.codewithharry.com/videos/learn-html-in-one-video-in-hindi 3/3

You might also like