HTML – It stands for Hyper text Markup Language. It is a language which allows to create web pages and websites. It contain tags to work on create web pages and websites.
There are 3 languages to create web pages and websites including HTML
1.HTML 2.CSS 3.Javascript (JS)
1.HTML is the body of a website and it is the skeleton of website.
2.CSS is provide good look of website and decorate the pages.
3.Javascript is provide engines and structure of websites. when person click on a button then open a individual web page.
1.HTML
When a HTML five save in computer then we use extenstion .html
example – veer.html
where veer is a individual name of user and other furthermore .html is extenstion where html save in a PC
.html extenstion is always save for html file, if you want to save file of html then we use .htm or .html both are save your html file successfully.
Where we can practice of HTML?
1.Notepad
2.Visual Code
Both are good but Visual Code is most easy and popular than Notepad
In HTML there are two types of tages.
1.Open tags
<body>,<head> there are open tags
2.Close tags
</body>,</head> there are close tags
1.Open tags are used for the person write language in open tags.
2.Close tags are used for the person completed the write language then we wants to close tags.
>< and ” ” for wrting content.
There are steps to work on HTML practice ( Visual Code Studio )
- press exlamation mark then enter
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=a, initial-scale=1.0″>
<title></title>
</head>
<body>
</body>
</html>
It is the body of HTML. Every users works on HTML then we use always these tags
other tags
<title> thse tags are used for most uper heading of page
<head> they contain information of page.
Title tag is a tag – most upper heading of page
for example – Microsoft store,Apple etc.
The main part of writing content inside in <body>
body is a tag where body of page are inside it.
<body>Hello my name is veer pratap</body>
Heading Tag
then we wants to apply heading in page
then we used tags.
<h1></h1> h1 is open tag and are stands for heading 1 and /h1 is close tag and it also stands for heading 1
for example –
<h1>Hello World</h1>
there are many headings
for example –
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h4>
There are many headings to we can create if we wants.
Paragraph tag
If we want to write paragraph then we used to paragraph tag
<p></p>
for example –
<p>This is a paragraph</p>
Bold,Itlaic and Underline
It is a tag in HTML. Where we can change in text.
Bold – <b>Bold</b>
Italic – <i>Italic</i>
Underline – <u>Underline</u>
If we wants to customize the text of page then we click right click format document.
Header and Footer
these are tags
<header></header>
<main></main>
<aside></aside>
<section></section>
<footer></footer>
Span
These tag are used for occupy only necessary space.
Div
These tag are used for occupy uncessary space.
Search
These tag are used for search
<search></search>
Select
These tag are used for select multiple options
<select name=”” id=””></select>
Label
These tag are used for accessibility of elements in form of elements.
<label for=””></label>
Broken tag
These tag are used for break line.
<br>
Rural
These tag are used for horizontal rural and vertical rural
<hr>
Navigation
These tag are used for naviagate.
<nav></nav>
Table
These tag are used for create table.
Anchor
These tag are used for one page linked to another page
<a href=””></a>
href=”” The URL of page where we wants to link
></a> The name of link page to where person can identify and click the link the new link in blue color and after look blue color to red then we can say that i already open link.
Image
These tag are used for insert image in HTML page.
<img src=”” alt=””>
<img src=”” The address of image paste here
alt=””> The name here
We can customize in the height and breadth of image
Iframe
These tag are sued for insert videos from youtube to HTML page.
<iframe src=”” frameborder=”0″></iframe>
How to insert video from youtube to HTML page
First step –
click on a random video on youtube
Second step –
click on share and click embedded
Third Step –
then copied iframe and paste in <iframe src=”” frameborder=”0″></iframe>
Anchor and Image
We can insert link and image together if we click image then open the linked page with image.
<img src=”” alt=””>
<a href=””></a>