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.
[Link] 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 = "[Link]">
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.
[Link] 2/3
7/20/2021 Learn HTML In One Video - CodeWithHarry
File [Link] 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="[Link]
Go to google</a></li>
google
<li>item2
item2</li>
<li>item3
item3</li>
[Link] 3/3