Introduction Of HTML With Example Code
➤ what is html?
➧ HTML is a markup language that defines the structure of your content. HTML
consists of a series of elements, which you use to enclose, or wrap,
different parts of the content to make it appear a certain way, or act a certain way.
For
example, take the following line of content:
HTML stands for
Hyper Text Markup Language
HTML is the
standard markup language for creating Web pages
HTML describes
the structure of a Web page
HTML
consists of a series of elements
HTML elements
tell the browser how to display the content
HTML elements label pieces of content such as "this is a heading", "this
is a paragraph", "this is a link", etc.
Hyper Text: HyperText simply means
"Text within Text." A text has a link within it, is a hypertext. Whenever
you click on a link which brings you to a new webpage, you
have clicked on a hypertext. HyperText is a way to link
two or more web pages (HTML documents) with each
other.
Markup
language:
A markup language is a computer language that is used to
apply layout and formatting conventions
to a text document. Markup language make text more
interactive and dynamic. It can turn text into images,
tables, links, etc.
Web Page:
A web page is a document which is commonly written in HTML
and translated by a web browser. A web page can be
identified by entering an URL. A Web page can be of the static or dynamic
type. With the help of HTML only, we can create static web
pages.
Example Of HTML:
<!DOCTYPE
html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Hello</h1>
<p>World!</p>
</body>
</html>
OUTPUT :
Hello
World!
Explain Tags in Details :
<!DOCTYPE>: It defines the
document type or it instruct the browser about the version of HTML.
<html > :This tag informs
the browser that it is an HTML document. Text between html tag describes
the web document. It is a container for all other elements of HTML except
<!DOCTYPE>
<head>: It should be the
first element inside the <html> element, which contains the
metadata(information about the document). It must be closed before the
body tag opens.
<title>: As its name
suggested, it is used to add title of that HTML page which appears at the
top of the browser window. It must be placed inside the head tag and
should close immediately. (Optional)
<body> : Text between body
tag describes the body content of the page that is visible to the end
user. This tag contains the main content of the HTML document.
<h1> : Text between
<h1> tag describes the first level heading of the webpage.
<p> : Text between <p>
tag describes the paragraph of the webpage.
History of HTML
In the late 1980's , a physicist, Tim Berners-Lee who was a contractor
at CERN, proposed a system for CERN researchers. In 1989, he wrote a
memo proposing an internet based hypertext system.
Tim Berners-Lee is known as the father of HTML. The first available
description of HTML was a document called "HTML Tags" proposed by Tim in
late 1991. The latest version of HTML is HTML5, which we will learn
later in this tutorial.
HTML Versions
Since the time HTML was invented there are lots of HTML versions in market, the brief introduction about the HTML version is given below:
HTML 1.0: The first version of
HTML was 1.0, which was the barebones version of HTML language, and it was
released in 1991.
HTML 2.0: This was the next
version which was released in 1995, and it was standard language version
for website design. HTML 2.0 was able to support extra features such as
form-based file upload, form elements such as text box, option button,
etc.
HTML 3.2: HTML 3.2 version was
published by W3C in early 1997. This version was capable of creating
tables and providing support for extra options for form elements. It can
alsosupport a web page with complex mathematical equations. It became an
official standard for any browser till January 1997. Today it is
practically supported by most of the browsers.
HTML 4.01: HTML 4.01 version was
released on December 1999, and it is a very stable version of HTML
language. This version is the current official standard, and it provides
added support for stylesheets (CSS) and scripting ability for various
multimedia elements.
HTML5 : HTML5 is the newest
version of HyperText Markup language. The first draft of this version was
announced in January 2008. There are two major organizations one is W3C
(World Wide Web Consortium), and another one is WHATWG( Web Hypertext
Application Technology Working Group) which are involved in the
development of HTML 5 version, and still, it is under development.
Features of HTML
1) It is a very easy and simple language. It can be easily understood
and modified.
2) It is very easy to make an effective presentation with HTML because
it has a lot of formatting tags.
3) It is a markup language, so it provides a flexible way to design web
pages along with the text.
4) It facilitates programmers to add a link on the web pages (by html
anchor tag), so it enhances the interest of browsing of the user.
5) It is platform-independent because it can be displayed on any
platform like Windows, Linux, and Macintosh, etc.
6) It facilitates the programmer to add Graphics, Videos, and Sound to
the web pages which makes it more attractive and interactive.
7) HTML is a case-insensitive language, which means we can use tags
either in lower-case or upper-case.
The main parts of our element are as follows:
The opening tag: This consists
of the name of the element (in this case, p), wrapped in opening and
closing angle brackets. This states where the element begins or starts
to take effect — in this case where the paragraph begins.
The closing tag: This is the
same as the opening tag, except that it includes a forward slash before
the element name. This states where the element ends — in this case
where the paragraph ends. Failing to add a closing tag is one of the
standard beginner errors and can lead to strange results.
The content: This is the content
of the element, which in this case, is just text.
The element: The opening tag,
the closing tag, and the content together comprise the element.
Most tags are contained in a less than and greater than angle brackets,
and everything between the open and close tag is displayed or affected by
the tag. In the example above, the <a> tag is creating a link that
is pointing to the hope.html file.
How To Create a link on WEB PAGE
<html>
<head>
<title></title>
</head>
<body>
<a href="https://easycodes22.blogspot.com">Easy codes 22 best
website for HTML coding</a>
</body>
</html>
OUTPUT
HTML Editors
Now that we’ve gotten the basic theory out of the way. It’s time to
learn how to build our first website.
First off, we must ensure that we have the right tools. Most important, we need an HTML editor.
There are many choices on the market. Here are a handful of the most popular:
Sublime Text 3
However, for this tutorial, we will use the Sublime Text 3 as it is free and also offers cross-platform support for Windows, Mac, and Linux users.
Sublime Text 3 has a mini-preview window on the right.
HTML ALL TAGS PDF
Notepad ++
Another common choice for HTML and other language coders is Notepad ++. It is a tiny program to download and perform the functions you need for writing clean code.
How does HTML work?
Quite simply, HTML works by telling the internet browser how to display the page.
First, the author uses a basic text editor on the computer (such as TextEdit for Mac) to create their HTML document. The author then fills their HTML document with a series of HTML elements, using HTML tags.
Advantages and Disadvantages Of HTML
Advantages:
- HTML is used to build websites.
- It is supported by all browsers.
- It can be integrated with other languages like CSS, JavaScript, etc.
Disadvantages:
- HTML can only create static web pages. For dynamic web pages, other languages have to be used.
- A large amount of code has to be written to create a simple web page.
- The security feature is not good.
HTML page structure: The basic structure of an HTML page is laid out below. It contains the essential building-block elements (i.e. doctype declaration, HTML, head, title, and body elements) upon which all web pages are created
HTML are the very easy language compare others computer language.
Comments
Post a Comment