What is HTML and its use
Today we will learn what is HTML and where is it used, we use HTML to create blogs and websites, the full name of HTML is Hyper Text Markup Language.
Hypertext – There is a link to go from one page to another, which we call hyperlink, as soon as we click on the link, we reach the far page.
Markup – Markup is used to define tags and text within the webpage.
Language – HTML is a programming language that we use to create webpages.
There are many versions of HTML. Right now the latest version of HTML is running HTML5 (2020), if you do not know HTML then you cannot make a good website.
How to create a webpage from HTML and what is the process of creating a website
To build any website, we first need 2 things in html.
Text Editor
Web Browser
The text editors used to write HTML documents are Notepad, Notepad++, VS code and Sublime.
Web browsers like - Google Chrome, Mozillaa Firefox, Safari, Internet Explore are all web browsers that are used to know the output of HTML.
Out of this, you can download any one text editor and web browser from Google. If you want to learn how to create an HTML page and what are the benefits of HTML, then it may take you 3 to 4 days to learn how <tag> or <div> works, after which you will find it very easy to learn HTML.
If you have learned how a tag works, then you will learn to use all the tags because the method of using all the tags is the same but the work is different HTML tag is also called element
What is HTML tag and use of HTML tags in English
There are many html tags that we use to create a website, which tag is very important or which is used a lot, it has been told in further detail. When a tag opens in html, it is also closed, the tag that opens, we call it the opening tag, the tag that is closed is called the closing tag.
<p> = opening tag
</p> = closing tag
Like – <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <html>, <body>, <title>, <table>, <thead>, <button>, <textarea> etc.
There are tags that do not have closing tags, which we close by putting / (slash) along with the opening tag, which are called empty tags.
Like – <input/>, </br> etc.
We can write html tag in both capital and small ways.
1) What is Heading tag in HTML
When you open a website or blog in which we see a heading, the heading is always in bold bold black letters like – What is a heading tag in HTML, it is a heading. There are 6 types of heading in html – h1, h2, h3, h4, h5, h6 in which h1 is the largest and h6 is the smallest heading.
h1 – h1 is the largest heading and it is used only once in a webpage.
h2 – It is smaller than h1, it is used only 1 or 2 times in a webpage.
h3 – It is smaller than h2 and bigger than h4, we can use it as many times as we want.
h4 – It is smaller than h3 and bigger than h5, we can use it as many times as we want.
h5 – h5 is a shorter heading than h4, it can be used any number of times.
h6 – h6 is the shortest heading, you can use it as many times as you want.
After this the most used tag is <p> tag.
2) What is p tag
The<p> tag is used to write a paragraph, so that we can write a paragraph anywhere on our website.
3) What is imgtag
The third most used tag is that the img tag is used to place the image in the img website. And src="" is used to give the path of the image, srcmeans source and alt="" must be used with img.
alt="" tag is used because sometimes we give wrong path of our image or there is no image in image folder, then at that time the text which is written inside alt is not visible to us then at that time Show is displayed instead of image.
Second, we do this to rank the image put in our blog, so that our blog and image rank together.
4) What is comment in HTML
The fourth most important tag is the comment tag, it is used to comment the code. After which we do not see the code or its output in the browser, we always keep the comment inside the bracket like –
If there is a 2 line or more code that we have to comment, then we will put the close bracket (–>) in the last like –
5) How to use <a> anchor tag and add hyperlink in HTML
<a> means anchor which we use to go from one page to another page or other place. For example, by clicking on about us or contact in the header, we reach another page.
<a> with href="" is used, inside which we give a link to go to another page. Which we call hyperlink. By clicking on about, we reach the page with about us.
6) What is div tag in English
Div means division, it is used to divide or separate the page or any section. <div> is always used inside <body> tag, inside <div> you can put anything like – image, text, video, <h1>, <p>, <table>, <span>etc tags To.
How to create HTML page and method to create webpage
To make a webpage, it is divided into many different parts like – <header>, <nav>, <section>, <body>, <aside>, <footer> etc.
5) How to use <a> anchor tag and add hyperlink in HTML
<a> means anchor which we use to go from one page to another page or other place. For example, by clicking on about us or contact in the header, we reach another page.
<a> with href="" is used, inside which we give a link to go to another page. Which we call hyperlink. By clicking on about, we reach the page with about us.
6) What is div tag in English
Div means division, it is used to divide or separate the page or any section. <div> is always used inside <body> tag, inside <div> you can put anything like – image, text, video, <h1>, <p>, <table>, <span>etc tags To.
How to create HTML page and method to create webpage
To make a webpage, it is divided into many different parts like – <header>, <nav>, <section>, <body>, <aside>, <footer> etc.
1) html
In HTML, each tag acts like a container, suppose we put water in a vessel, as soon as we add water, the water takes its place according to the vessel, similarly the tag acts like a container <html>, <head>, <body>, <div>, <h1>, <p>, <table> etc. are all these tags.
2) <!doctype>
doctype is used for html5 version, this tells us that we are working in html5.
3) HTML
The use of <html> tag acts like a container in HTML, inside which we write the code of the webpage.
4) Head
<head> tag is the head section of the webpage, inside which we are written about <title> tag, path to CSS file, responsive meta link and meta tag.
5) Title
<title> tag is used to give the title of the webpage we are working in, we see the text written inside the title when we open our webpage in the browser, it appears with the tab at the top. .
6) Body
<body> tag is the body section of the webpage, inside which we write the code to create the page. keep the.
7) Header
This is the <header> section of the webpage which is at the top of the webpage in which we keep the <nav> section.
8) Nav
This is the navigation section in which a link is attached to go from one page to another page like – about, contact, privacy policy as it is attached at the top of our page in which we keep all the links inside <nav>.
9) Section
The <section> tag is used inside the <body>, in which we can place any paragraph, images, video and detail.
10) Aside
We keep it left and right inside the <body>, inside which we can place any image, link, paragraph etc.
11) Footer
This webpage is the last section which is kept at the bottom in which we keep things like logo, address, location, navigation etc.
HTML web page structure
You copy the HTML code and paste it in your text editor. After that click on save and save it as index.html, any homepage in html is always saved as index.html.
html is the format of the html file, from which we know that it is an html file, wherever the file is saved, open it in the web browser. Whatever we wrote the html code, the result will be visible to us in the web browser.
Note: – We cannot create a good website using only html, we have to use CSS and bootstrap with it. What is CSS and what is Bootstrap, you can learn from this. Using CSS, we can create color, font, animation, image, gradient and also draw on the website.
Invention of HTML and Who Developed HTML
HTML was invented by Sir Tim Berner-Lee in the year 1993. There are many versions in HTML, currently the version of HTML html5 (2020) is running. When html was invented it was not published because it did not contain many things.
But right now W3C (World Wide Web Consortium) has all the responsibility of HTML, any change or update in HTML is done by W3C.
The first version of HTML is html, which was named SGML, in which the option of creating text was given, after that it was named html 1.0.
After that the name of the next version html 2.0 was given in which many things were added but the important thing was the img tag was added.
After the arrival of the html 2.0 version, the use of the internet was also increasing, after this html 3.0 was created in view of the same thing, but if nothing new was added to it, then it was not published by the W3C in 1997 on html 3.2. published. In which many attributes, tags and styles were added which was better than all the versions.
After this html 4.0 was brought in which many things like creating a separate section of the structure, creating a stylesheet, creating a frame and an advance table, etc. were added.
html5 version
After this, the version of html5 came in 2014, in which many things were added, in which things like video, audio, header, footer, nav, canvas, section etc. were added, in which it is very easy for people to work, which we currently use the latest version. Let's say it is html5.
You can learn how to create a webpage from basic to advance level by visiting the website of w3school.
What is HTML, how to use it and how to create a webpage from HTML, you can ask your questions below for any kind of help.
