HTML
=======
HTML stands for Hypertext Markup Language.
It is widely used language on web to develop web pages and web applications.
It is developed by Burner's Lee in late 1991.
It is a case insensitive language.
It is a tag based language.
HTML Tag contains opening tag and closing tag.
ex:
<html> -- opening tag
</html> -- closing tag
HTML Tag may contains attribute and each attribute contains attribute name and
value.
ex:
<body bgcolor="red">
HTML tags can have multiple attributes and each attribute separated with space.
ex:
<body bgcolor="red" background="image.jpg">
All HTML documents we need to save with .html or .htm extension.
HTML documents executed in a browser window.
ex:
Chrome
Firefox
Opera
Edge
IE
chromium
and etc.
HTML is used to develop client side components.
HTML2.0 specification was released in the year of 1995.
HTML4.0 specification was released in the year of 1999.
HTML5 which is a extension of HTML4.0 was released in the year of 2005.
The main objective of HTML5 is used to develop light weight components.
HTML5 is also known as advanced hypertext markup language.
HTML Skeleton
==============
<!DOCTYPE html>
<html>
<head>
- // Head related tags
</head>
<body>
- // Body related tags
</body>
</html>
<!DOCTYPE html>
----------------
It is used to represent HTML5 document.
<html>
-------
It is a root tag for entire HTML document.
It contains two tags.
1) <head> tag
2) <body> tag
<head>
-------
It is used to declare following things.
ex:
1) Title of a page
2) Favicon
3) Metadata
4) Styles
5) Scripts
<body>
------
It contains actual content of our web page.
ex:1
-----
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Welcome to HTML class
</body>
</html>
ex:2
----
<!DOCTYPE html>
<html>
<head>
<title>IHUBTALENT</title>
</head>
<body>
Welcome to HTML class
</body>
</html>
ex:3
-----
<!DOCTYPE html>
<html>
<head>
<title>IHUBTALENT</title>
<link rel="icon" href="qt.png">
</head>
<body>
Welcome to HTML class
</body>
</html>
ex:4
----
<!DOCTYPE html>
<html>
<head>
<!-- title of page -->
<title>IHUBTALENT</title>
<!-- favicon -->
<link rel="icon" href="qt.png">
</head>
<body>
<!-- custom msg -->
Welcome to HTML class
</body>
</html>
ex:5
-----
<!DOCTYPE html>
<html>
<head>
<!-- title of page -->
<title>IHUBTALENT</title>
<!-- favicon -->
<link rel="icon" href="qt.png">
</head>
<body bgcolor="cyan">
<!-- custom msg -->
Welcome to HTML class
</body>
</html>
ex:6
----
<!DOCTYPE html>
<html>
<head>
<!-- title of page -->
<title>IHUBTALENT</title>
<!-- favicon -->
<link rel="icon" href="qt.png">
</head>
<body background="bg.jfif">
<!-- custom msg -->
Welcome to HTML class
</body>
</html>
<meta> tag
=============
A meta tag is used to declare metadata of a document.
Metadata used by search engine, browser and other web services.
To declare a metadata we need to use <meta> tag.
A <meta> tag must declare inside <head> tag.
A <meta> tag is used to declare following things.
1) Description
2) Author
3) Keywords
4) copyright
5) Viewport
6) Refresh
and etc
ex:
---
<!DOCTYPE html>
<html>
<head>
<title>MyPage!</title>
<!-- metadata -->
<meta charset="utf-8">
<meta name="description" content="It is training html page">
<meta name="author" content="Niyaz Sir">
<meta name="keywords" content="HTML,CSS,JAVASCRIPT,BOOTSTRAP">
<meta name="copyright" content="copyright by Niyaz sir">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
Meta Tag Example
</body>
</html>
UTF-8
======
It is a Unicode Transformation Format.
It is a encoding method describes what character set a website is written with.
