Scribd
Upload
21 views

New Final HTML Note

Uploaded by

shishirdahaldahal
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
21 views

New Final HTML Note

Uploaded by

shishirdahaldahal
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 23

WEB-PAGE

A text document made up of HTML tags


that may contain links, graphics,
downloadable files, other web pages,
audio, and or video sources is called
webpage.
 A hypertext document connected to the
World Wide Web is called webpage.
What is Website ?
A collection of WebPages is called website. A
site, website, or web site, is a central
location of various web pages that are all
related and can be accessed by visiting the
home page using a browser. For example,
Computer Point Nepal Site:
www.computerpointnepal.com.np.
When was the first website created?

The first web site was built at CERN by


Tim Berners-Lee and put online
August 6, 1991.
HTML
What is HTML?
 HTML is basic web development programming language.
 HTML stands for Hypertext Markup Language, is the
predominant markup language for web pages.
 HTML provides it means to create a structured document
such as headings, paragraphs, lists, links, quotes, and other
so many items.
 Support images and objects (audio and video) to be
embedded and create an interactive WebPages.
 Scripts languages such as JavaScript, VB script which are
allow to load that affect to create a dynamic user
interactive WebPages.
What is HTML?
 HTML is a markup language for describing web
documents (web pages).
 HTML stands for Hyper Text Markup Language
 A markup language is a set of markup tags
 HTML documents are described by HTML tags
 Each HTML tag describes different document
content
History of HTML

 HTML is the "mother tongue" of your


browser.
 To make a long story short, HTML was
invented in 1991 by a scientist called Tim
Berners-Lee
 By inventing HTML he laid(set/place) the
foundation for the web as we know it today.
HTML Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>
HISTORY OF HTML
HTML Versions
Since the early days of the web, there
have been many versions of HTML
HTML SYNTAX
 HTML tags keywords are surrounding in Opening
Tag <html> and Closing Tag</html>.
 HTML tags is pairs like <body> and </body>. Its
container tags.
 Some HTML tags is not pairs in Opening and
Closing like <br />, <hr />. It's empty tags.
 All tags are write in Lower Alphabetical and empty
tags always write in closing Tag type like <br />.
HTML Document Content Structure
HTML Document Structure
The HTML document is mainly divided into two sections-Head
section and Body section.
 <HTML> This tag recognizes the document as a HTML
document.
 <HEAD> This tag identifies the beginning and end of the
Header section.
 <TITLE> This tag is used to place the text in the title bar of
the browser windows.
 <BODY> This tag recognizes the beginning and end of the
Body section.
Example
<HTML>
<HEAD>
<TITLE>My first Web Page</TITLE>
</HEAD>
<BODY>
Welcome to My Home Page!
</BODY>
</HTML>

Finally Save the file in .html or .htm file extension.


<!DOCTYPE>
It lets you provide to Defines the document
type in HTML.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
Hello well come to computer point nepal…..
</body>
</html>
Tip: Always add the <!DOCTYPE> declaration to your HTML
documents, so that the browser knows what type of document to expect.

Google chrome
Mozilla firefox
Internet explorer
Safari
opera
Example Explained
 The DOCTYPE declaration defines the document type to be HTML
 The text between <html> and </html> describes an HTML document
 The text between <head> and </head> provides information about the
document
 The text between <title> and </title> provides a title for the document
 The text between <body> and </body> describes the visible page
content
 The text between <h1> and </h1> describes a heading
 The text between <p> and </p> describes a paragraph
Heading Tags
 Heading tags are used for emphasizing the topic of the text that
follows the heading. There are six levels of heading tags used in
HTML from <H1>…</H1> to <H6>…</H6>. The <H1> tag
gives the biggest font while <H6> tag gives the smallest font.
<Tag Attributes Values>
<H1>…</H1> Align Left, Center, Right
<H2>…</H2>
………………
………………
<H6>…</H6>
Example of Heading Tag
<HTML>
<HEAD>
<TITLE>Using Heading Tags</TITLE>
</HEAD>
<BODY>
<H1>Computer Point Nepal</H1>
<H2>Itahari-1, Sunsari Sangit Chowck</H2>
<H3>Phone:025-541048</H3>
</BODY>
</HTML>
Font Tags
 <FONT>…</FONT> tag is used for setting the size, color
and face of any text on a web page.
 The Size attribute can take any value from 1( tiny ) to 7( big ),
with 3 being the normal size.
 The Color attribute can take any of the following standard
color names: black, white, red, green, blue, yellow, aqua,
fuchsia, gray, lime, maroon, navy, olive, silver, or teal.
 The Face attribute can take any font name.

<Tag Attributes Values>


<FONT>…</FONT> Size 1,2,3,4,5,6,7
Color Color name
Face Font name
Example of Font Tag
<HTML>
<HEAD>
<TITLE>Using Font Tag</TITLE>
</HEAD>
<BODY>
<FONT Size=“4” Color=“blue” Face=“Times New
Roman”>
Welcome to CPN
</FONT>
</BODY>
</HTML>
Formatting Tags
The web browser only identifies the single spaces between
the words or text. For giving line breaks, spaces and
paragraph breaks, formatting tags are used.
 <BR> tag is used for giving line break. On inserting this
tag, the text will be inserted in a new line.
 <P>…</P> tag is used for giving paragraph break.
<Tag Attributes Values>
<P>…</P> Align left, center, right
 <CENTER>…</CENTER> tag is used for centering
text or paragraph.
 &nbsp; is used to give one space.
Example of Formatting Tags
<HTML>
<HEAD>
<TITLE>Using simple Formatting Tags</TITLE>
</HEAD>
<BODY>
<Center>Welcome to CPN</Center>
Computer Point Nepal was set up in eastern region 2004.
<BR>
It is the only Computer training center in Nepal. ISO 9001:2000
certified by international IT companies like Microsoft, Novell etc.
<P>
Diploma in Software Engineering and Bachelor in Information
Technology.
</P>
</BODY>
</HTML>
Text-Formatting Tags
Text-Formatting tags are used for changing the Color, size,
lignment, font etc. of the text.

 <B>…</B> tag is used for bold.


 <I>…</I> tag is used for italics.
 <U>…</U> tag is used for underline.
 <BIG>…</BIG> tag displays the text in bigger font.
 <SMALL>…</SMALL> tag is used for making the text
appear in smaller font.
 <SUP>…</SUP> Superscript tag is used for placing the text
above the specified text.
 <SUB>…</SUB> Subscript tag is used for placing the text
below the specified text.

You might also like