.png)
v
Introduction:
HTML (HyperText
Markup Language) is the standard markup language that most widely used to
develop web pages. HTML is written in the form of HTML elements consisting of several
tags. A web browser read the HTML file and
interpret the content of the file to display the web page.
HTML was
created by Tim Berners-Lee
>
November 24, 1995 HTML 2.0 was published.
>
January 1997 HTML 3.2 was published as a W3C Recommendation.
>
December 1997 HTML 4.0 was published as a W3C Recommendation.
>
December 1999 HTML 4.01 was published as a W3C Recommendation.
>
January 2008 HTML5 was published by the W3C.
The aims
of the HTML5 have been to improve the language with support for the latest
multimedia while keeping it easily readable by humans and consistently
understood by computers and devices (web browsers, parsers, etc.).
v
Did
You Know?
Ø
HTML
code is written by the HTML elements consisting of tags enclosed
in angle brackets (like <html>).
Ø
Each
HTML tag has is started by the starting tag (like, <html>) and end by the
closing tag (like, </html>) except some tags which has only one tag
(like, <br/>) .
Ø
Between
the starting tag (<html>) and closing tag (</html>) some contents
are exist.
<html>
|
…
|
</html>
|
Opening Tag
|
Some Contents
|
Closing Tag
|
v
Basic
Structure of HTML:-
v Your first HTML Code:-
For windows (Windows7 or earlier) Environment:-
Step-1: Open Editor
To write html code, you can open any text editor or any HTML
code editor. For windows environment Notepad and WordPad is default text
editor. If don’t want to use any text
editor, you can use any HTML editor to write the code.
The advantage of the use HTML editor is that it is very
flexible to write the code and each HTML tag is highlighted by different color.
By the using text editor you can’t get this type of advantages. If you want to
know about different types of HTML editor then you can follow the article “Best HTML Editor”
Open Notepad or WordPad.
Change Extension of this text file .txt to .htm or .html
N.B: Here icon for the .html file is doesn’t matter, main
things is file extension (i.e, .html)
Another
N.B: If you can’t see the file extension for new open text document (Mouse
Right Button >
Step-2: Write Basic HTML code
File> Save and File>Exit to close the notepad.
Step-3: Run and view the output
Click Mouse right button on the first.html and Open with it
by choosing a browser. Following, the output in Google Chrome…
Explanation
of the HTML Code:
Line-1: The DOCTYPE tag defines
the document type and html is inside it, as this is the HTML document.
Line-2 & 9: All HTML document enclose
between starting <html> tag and closing </html> tag.
HTML doucment divided into two parts: one is
HEAD and other is BODY
Line-3 & 5: Between the
starting <head> tag and closing </head> tag contains all of the
head elements, such as title for the document, scripts, styles, meta
information and more.
Line-4: The
<title> tag defines the
title of the document and text between the starting <title> tag and
closing </title> tag is show on the browser toolbar.
Line-6 & 8: Between the starting <body> tag and closing </body> tag contains all
the contents of an HTML document, such as text, hyperlinks, images, tables,
lists, etc.
Line-7: <p> tag is
paragraph tag. Text Between the starting <p> tag and closing <p>
tag is displayed in the web browser page.
0 comments: