Thursday 29 June 2017

HTML-5 Lesson-1



What is HTML?


HTML is a markup language
HTML  stands for Hyper Text Markup Language
It is used to describe the simplest form of web pages.
It is about how two computer speaks to each other over the internet websites.
Before learning html you have to understand what is client and what is server

Client

It is used by a person surfing the net such as computer you are looking at now. from the client side browsers reads and interprets a HTML documents

Server

A server stores and distributes websites over the net. There are several type of servers such as data server, file server.

Main purpose of HTML

HTML is used for content of a web page available to the client i.e browsers.
It also informs the browser that what type of content we‘ve put on the server.
Recent version of HTML is HTML-5
HTML-5 has lot of new features such as <header>, <footer>, <audio>, <video>, <canvas> etc.

Advantages of HTML-5.

1.Easy to interact.
2.supports audio and video files.
3.you can draw on a HTML-5 file using <canvas> element.
4.provides better forms
5. certain concepts previously what we had done with the use of java script is now you can directly do with HTML-5.





Note:
Every thing you learned in Html up to its version HTML-4 is still valid for HTML -5.









HTML-5 Example.

<!DOCTYPE html>
<html>
<body>
<h1> My first Heading </h1>
<P> this is first line</p>

</body>
</html>

Output:



HTML elements.

1.HTML is constructed of elements
2.Elements are used to do markup 

Example

<p> paragraph content </p>

In the above example ,content is put between <p> and </p> elements.
<p> and </p> are called tags.

Every tag consists of a <, followed by an abbreviation , and a >.

Combined with starting tag and closing tag make a element(for example <P> and </p>

The text between opening tag and closing tag is content.

Empty elements.

Empty elements have no closing tag and content.

Example

<br/>

The above tag <br/> is a empty tag and it also called as self closing tags.
The above tag is used for new line insert.




Note:
HTML is not case sensitive.


No comments:

Post a Comment