HTML - Introduction

hi welcome to tutorials point in this video series we are going to start a very basic polls for any newcomer who wants to learn the website development so here in this video series we are going to start HTML using which you can definitely learn how to create a simple web page and after that when you will be done by creating number of web pages you can simply link them up logically in order to create a bigger aspect that is called the website what our website you can make using HTML will remain static and listen until you will include any server-side methodology in order to make them dynamic so but will not discuss about some advanced things here we are going to discuss very basic things as this course is specially designed for the very beginners so here what is all required before you getting started with HTML is the basic fundamental knowledge of computer like how to start obviously you are watching this video you know how to start all right you should be familiar by how to create the files how to create the directories you should have a basic text editor like I am of Microsoft user Windows user so I'll be using a notepad or notepad plus plus which is again a free of course software for me so I will just use those as a text editor where I will write BNE HTML and once I am done with writing the HTML I would like to see the output and you can see the output in any web browser like we do have a lot of browser like Chrome Firefox in Next or Safari as per your requirement as for your choice you can just get a free browser online and you can start working on HTML so this is the only requirement now before getting started more about the HTML let's get some basic idea what this HTML is all about so basically HTML stands for hypertext markup language so let's understand what this word hypertext markup language child's language is a very simple thing like whenever I would like to make a communication I will use a language like right now we are communicating each other with each other so I am using English as a language but here by the time I will start creating a web page I will use a separate language called HTML which will be understood by a web browser how a browser understand that because every browser has a parser which reads the HTML and it accordingly it will show the output when I say markup language markup language will represent any tag based language tag based language is something where the angular brackets like the less-than and greater-than symbol will comprise a tag I show you how the tag based language looks like we do have a lot of times where is language nowadays but here we'll show you the basic structure of any tag based language and especially here we will talk about the HTML and hypertext what this hypertext is all about basically whatever text you require in order to create a web page is a hypertext if that particular text contains a link means that link for some other location may be some other page or some other location on the same page that text will be called hyperlink all right so what I said the whatever text is required to create a web page is hypertext and if that hypertext contains a link to other location its a hyperlink all right so hypertext markup language this is all about the name now as I said this is a tag based language all right you can see it's a tag based language used to create the web pages so whenever you would like to create a website it will start by creating a single web page most to multiple web pages and then after linking them logically it will be a website because website is nothing but logically linking of the web pages it is created by berners-lee in the end of 1991 and this language till from that time onward is being used in order to create a basic structure of the web pages like whenever you create a web page what you put there may be a line some table some images headings lists whatever so whatever you want to put on a web page including a media or something you can use HTML in order to do that all so what I said is developed with the intent to of definition this structure of the documents like heading paragraph lists etc now let us discuss how this HTML actually works so basically HTML is sent from server to client browser what is that whenever like you are working on tutorialspoint.com or Facebook Gmail sometimes when you check the your mails so what you do is you go to the address bar of any every web browser you type a URL you press enter and after some time you will get the page all right so basically what it does it actually sending the HTTP request yes basically whenever you are making a communication over the network over the network means its internet all right so whenever a communication takes place over the network some kind of protocol is required and that protocol will be nothing but the rules and regulations in order to create the communication successful so depends what kind of material we are going to transfer over the network we will use that particular protocol so here what which protocol and I'm working with and working over HTTP protocol that is hypertext Transfer Protocol Transfer you all know what is transfer and protocol is rules in regulation again the term hypertext is here and what I say just now hypertext is the text which is used to create a web page all right so whenever a client is making a request HTTP colon slash slash www.twitter.com facebook.com whatever site you are seeking for you are making an HTTP request and what it is doing actually is if your request is valid you listen there is lot of there lot of things that goes on the background but as I said this course is for beginners I'm not going to cover all the advanced methodologies here but I am taking in a very basic example so as here you can see it's a server here are the client and they are connected with the Internet so whenever a client browser obviously when I say client client will make a request through the browser because it is in HTTP protocol so the client is making a request to the server and every time when an HTTP request is made if that particular request is valid means if the client is authenticated authorized to access that particular page only then the HTML of that particular page will be sent from server to client over the network using HTTP protocol as soon as the HTTP the HTML is on the clients browser I told you like browser have the capability of reading the hypertext markup language and can show the output as it is designed so this is how the communication takes place over the network using HTTP protocol the server will send the HTML of the particular page as I said in a website there could be a number of web pages so whichever page is required the server will send that particular web page over the network to the client browser and browser will read the information and will show it to the user so let's see how the HTML looks like so here you can see it's HTML these are the tags like the angular brackets I was talking about these are the tags so whenever and it should be HTML document is need to be created we will start it with the h2 we'll tag we'll finish up with the closing tag of HTML as you can see what is the closing tag we are putting the slash just before the name of the tag this is the opening tag and this is the closing tag all right so mutual means basically most of the tags which we will learn will have be pair like opening and closing we do have some non pair trans which I will discuss during the course curriculum itself so any HTML document can be classified into two basic parts that is the head and the body like a human body first we have the head and then we have the body so head is for the identification why this page is being created so that will be containing the title tag alright that will be stored inside the title tag so this is document title now you can also put some of the resource like things like any JavaScript code or style sheets which you want to use later in the document but we will not cover those things here so let's keep it till title for now and now comes the body body is something which is the main area of the web page means whatever you see in the browser is the body part so here I am just putting a heading which is h1 all right h1 is the biggest heading we will see some more headings in our coming video so h1 this is heading so when we will save this particular document within extension HTML we can open that over the browser and then we can see the output of this particular web page but this is all we will do in our next video in this video we were just trying to cover the basics which we have done for now you know what next video we will see how to start with the basic implementation of HTML

Channel: Tutorials Point (India) Ltd.

Views: 126,790

Keywords: HTML - Introduction

Id: NAEHbzXMNpA

Length: 10min 45sec (645 seconds)

Published: Mon Jan 15 2018