00:00So, we are going to start with HTML and specifically with HTML5.
00:07What is HTML?
00:08If we start coding, we are going to learn coding and programming,
00:12then HTML coding is one of the easiest things with which we can start learning coding.
00:17In fact, in some schools, we are going to learn HTML 7th and 8th class.
00:21So, we will start with our web development journey.
00:25Let's talk about HTML.
00:27The full form is Hypertext Markup Language.
00:30This is a language that counts as a markup language.
00:35The HTML tells us that on a website,
00:38what is the structure and what is the formatting.
00:43If I look at a website,
00:45there will be a paragraph, a button, a heading, a title,
00:50or I need to show a picture.
00:53These are all things that we create HTML.
00:56We are going to explain a browser
00:58that we need to see things on a website.
01:00How do the formatting should be?
01:02One thing is that we are not talking about style,
01:05colour, font, font.
01:08Here, we are talking about what we will see on a web page
01:12and what formatting should be in it.
01:14Usually, HTML is not a hard-core programming language
01:18because there are no more complex things in HTML.
01:23HTML is quite simple.
01:24And in fact, if you learn a child,
01:26it will also be very quickly
01:28to understand the programming
01:29if they start with HTML.
01:31First of all, what does HTML exactly do?
01:35What does it do?
01:36If I talk about a normal text,
01:38I mean, I have written a simple sentence,
01:40or paragraph,
01:41then it can see something like this.
01:43In this way, I have written a lot of things in a normal text.
01:47Now, if I put formatting on this text,
01:50I want to add some things,
01:52I want to add bullet points,
01:54I want to add some things,
01:55some words,
01:56I want to write in bold,
01:57some words,
01:58I want to write in italic,
01:59some words,
02:00I want to underline,
02:01some words,
02:02I want to show this line.
02:03After this,
02:04I want to start the next bullet points
02:06in the next line.
02:07We call it formatting.
02:09That all the text,
02:11one after, one after,
02:12one after,
02:13one after,
02:14we don't want to write all the information.
02:15We have a formatted
02:16and better form
02:17to present our text
02:18or data.
02:19If this is a normal text,
02:21then it will formatted form,
02:23something like this.
02:24In the beginning,
02:25I will write a line in this way.
02:26After that,
02:27I have added bullet points.
02:28After that,
02:29I have made a word,
02:30made bold,
02:31and here,
02:32if I look at H2O,
02:33which is a molecular formula,
02:35there is also 2,
02:36which is small.
02:37If you write it in the normal text,
02:38then H2O will be bigger.
02:40So,
02:41which thing is present
02:43in this way,
02:44we create HTML.
02:46So,
02:47we convert a normal plain text
02:48to formatted text
02:50and use HTML.
02:51In this way,
02:52we can understand
02:53that HTML
02:54has become Chrome,
02:55Safari,
02:56Edge,
02:57all the rules
02:58tell us
02:59how to present
03:00its plain text.
03:01Now,
03:02let's talk about
03:03a normal Google search page.
03:04If I click right,
03:05I have a lot of options.
03:06These are all options
03:07I have on Mac,
03:08but if you are using Windows
03:09or Linux,
03:10also,
03:11if you are on Chrome,
03:12also,
03:13if you are on Chrome,
03:14you will get a page source
03:16and an inspect option.
03:18First of all,
03:19I am going to click
03:20on the page source.
03:21So,
03:22what will I get to know?
03:23I have all the code here
03:24will be written
03:25and if I notice it,
03:28it starts here
03:30with the doc type
03:31HTML.
03:32This is the whole thing.
03:33It is a HTML file,
03:35HTML code,
03:36which tells
03:37which tells
03:38the data
03:39to present
03:40where the button
03:41will come,
03:42Google's font
03:43and the photo
03:44will come.
03:45So,
03:46all the things
03:47are told
03:48in a browser
03:49and then,
03:50the HTML
03:51will remove all the information
03:52for the formatting.
03:53If I click on my Google page
03:54and right-click
03:55and inspect
03:56then,
03:57I open a window
03:58here.
03:59This arrow
04:00after clicking on it,
04:01I am going to scroll
04:02on my page.
04:03So,
04:04I know
04:05that many boxes
04:06are made of Google.
04:07This is a single box.
04:08The search
04:09is also a single box.
04:10If I talk about this small search,
04:12this is also a box.
04:13If I talk about these icons,
04:14this is also a rectangular box.
04:17I am showing all the things
04:18I am showing.
04:19Why do we show these rectangular boxes?
04:21We are going to read
04:22details about that
04:23when we talk about HTML elements.
04:25But,
04:26these are actually
04:27small elements
04:28which are made
04:29a whole and whole
04:30our web page.
04:31And here,
04:32the elements
04:33are all
04:34I am showing
04:35the whole
04:36HTML code
04:37that tells me
04:38that
04:39this page
04:40will show me
04:41in which way
04:42the formatting
04:43is going to show me.
Comments