You are on page 1of 18

Web Designing

SANOSH SHARMA POUDEL


APPELLATE COURT BAGLUNG
2071-02-24
HTML

Hyper Text Markup Language


Tag based scripting language , interpreted by
browser
Version Comments
HTML Invented by Tim Berners
HTML+ Dave Raggett modify old version
HTML 2.0 Created in 1994 by Dan Cannnolly.
Popular version
HTML 3.2 Able to code table
HTML 4.0 With style sheet and multimedia
facilities.
Unicode is used as character sets
that allows thousands of different
character.
Importance

1. Used to display any type of documents

2. Versatile language (Macintosh, Unix, Windows


etc.)

3. Makes text attractive

4. Special feature of linking one document with the


other.
HTML Tag

Commands written between less than (<) and


greater than (>) signs

Known as angle brackets

Opening and closing tags use the same command


word but the closing tag comes with forward slash
symbol(/)

Example <tag> text to be affected </tag>


Some Common Tag

Tag Meaning
<HTML> Recognize the documents as a HTML documents

<HEAD> Identifies the beginning and end of a header

<TITLE> Used to place the text in the title bar of the browser windows.
Written within <HEAD> tags.

<SCRIPT> Written within <HEAD> Tags

<BODY> Used for the beginning and end of the text or body section.

<FORM> written within <BODY > tags.


Practical

Open the Notepad


Type the following text
<HTML>
<HEAD>
<TITLE> My first web</TITLE> </HEAD>
<BODY>
<P>My Nepal My Pride</P>
<P>Baglung, Nepal within Nepal</P>
<P> Learning HTML</P>
</Body>
</HTML>
Practical (Cont..)
Save the file and
used .html as extension
Open the file with
browser (Firefox,
chrome, explorer)
Formatting Tags

 used for line break, paragraph breaks


Web identifies single spaces between the words or
text.
Tag Purpose
<br> Line break

<p>….</p> Paragraph break


<pre>…</pre> Display the text to HTml document as in
notepad
<Blockquote>… Indent at the beginning of the paragraph
</blockquote
<center>….</ Center of the paragraph
center>
Practical 2

<html>
<head>
<title> Use of formatting</title> </head>
<body>
<center> Welcome to the baglung
<br>
Baglung is 4 km from Maldhunga
<p>
One of the fantastic scenarios found in the high altitude</p>
The Important features are:
Practical 2(cont..)

<pre>
Himalayas
Rivers
Wildlife
</pre>
<blockquote>
A world of fantastic adventure.
<center>
</blockquote>
</body>
</html>
Practical 2 snapshot
Text Formatting

Changing the font, making text bold or italic,


changing text size etc
Html tag Purpose
<b>……</b> Bold text
<i>…….</i> Italic
<u>……</u> Underline
<em>…….<em> Emphasizing the text (similar to
<i> tag )
<strong>…</strong> Strong or bold style sheet
<big>….</big> Displays text in bigger fonts
<small>……</small> Displays text in small fonts
<sup>……</sup> Superscript the text
<sub>…..</sub> Subscript the text
<strike>…….</strike> Striking the text
<h1>…….</h1> Heading 1 ( Largest in size)

<h2>…….</h2> Heading 2
<hr> Horizontal rule for separating major
section of text or to insert a line across
the text.
Practical 3

<HTML>
<HEAD>
<TITLE> My text formatting </TITLE>
</HEAD>
<body>
<p>
<h1> Computer training for 8 days</h1>
<h2> learn Word Processing, presentation, Spread sheet</h2>
<h3> Learn computer practically </h3>
<p>
Learning Programming
<hr> Learn QBASIC
<br> Flowchart
</Body>
</HTML>
Practical 3 Snapshot
Practical 4

<HTML>
<HEAD>
<TITLE> Text formatting 2</TITLE>
 </HEAD>
<body>
<p> <center>
<h1> Generation of computer </h1> </center>
<h3><u> What you See is What you Get ( QYCIWUG) </u> </h3>
<pre><h5><b><u> Generation</u> <u>Major Components</u>
First Generation Vaccum tube
Second Generation Transistor
Third Generation IC (Integrated Circuit)
Fourth Generation VLSIC (Very large Scale Integration Circuit
Fifth Generation ULSI (Ultra large scale integration
Practical 4 (cont)

<b></h5></pre>
<p>
<big><strong><u>Logic functions
</u></strong></big>
<big><br> gates ( AND gate, OR gate, Not gate) </br>
NOR gate, NAND gate <sub> 5</sub> XOR gate
<br><u><b><i>XNOR gate</i></b></u></br>
</Body>
</HTML>

You might also like