0% found this document useful (0 votes)
31 views23 pages

New Final HTML Note

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
31 views23 pages

New Final HTML Note

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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