Notes - Web Designing

PU11 Computer Science Notes Web Designing
1

I. One mark questions:
1. What is internet ?
The Internet is a global system of interconnected computer networks that useful to share data and
information and perform other useful operations.
2. Expand WWW.
World Wide Web
3. List any two services of internet
Electronic mail, Chatting
4. What is Email?
Electronic mail, most commonly referred to as email or e-mail , is a method of exchanging digital
messages from an author to one or more recipients any where in the world
5. What does chatting mean?
Internet chat is a way for people to communicate live with each other by typing text messages which
are seen immediately by everyone present in the online chat room
6. What is GOPHER?
Gopher is a distributed document search and retrieval network protocol designed for the internet
7.What is meant by remote login or Telnet?
Telnet is a computer based protocol which permits your computer to log onto to another computer at
some other location and use it as if you were there.
8. What is the use of Newsgroup?
Newsgroup are a place for online discussion of topic of interest . This is usually text message placed
by their writers into the news group where other people can read to them.
9. Expand FTP
File Transfer Protocol
10. Expand TCP/IP
Transmission Control Protocol/Internet Protocol
11. Explain WWW.
It is a system of interlinked hypertext document that runs over the internet.
12. What is meant by web page?
Web page is a resource of information that is suitable for World Wide Web and can be accessed
through a web browser.
13. Name any two browsers
Internet Explorer, Google chrome.
14. What is meant by website?
Is a collection of web page images, videos and other digital assets and hosted on a particular domain
or sun domain on World Wide Web.


2

15.Expand HTML :
Hyper Text Markup Language
16.What does HTML document can include ?
HTML document can include text, pictures and links to other related information or documents.
17.What is the use of HTML code?
A web page is created using a language HTML (hypertext markup language)
18.How do we refer HTML code ?
By html tags.
19.What is a tag :
HTML tags are enclosed by lesser than (<) and greater then (>) brackets and may be written in capital
or lower case letters.
ex : <HTML> or < / html >
20.How to close html tag ?
By slash ( / ) symbol.
Ex : < / html > OR </HTML>
21.How to run or view HTML code ?
Double click on the internet explorer symbol on desktop.
22.Name the markup tags :
HTML, HEAD, title, body
23.Is HTML is case sensitive ?
HTML is not case sensitive .
i.e., can use upper letters or lower letters ex : <HTML> Or <html>
24. what tag is used to insert an image in a document?
<IMG> tag is used to insert an image
25. What tag is used to link two wed pages?
<A> tag is used to link two wed pages
26.Expand URL
Uniform Resource Locator
27.Expand http.
Hyper Text Transfer Protocol.
28.Expand DNS.
Domain Name System.
29. Expand IP.
Internet Protocol.
30. Expand ICT.
Information and Communication Technology.


3

31. What is the extension of HTML document?
HTML should be give the extension . HTM or . HTML
II. 2 mark questions :
1.List the additional Tags :
1. Bold
2. Italics
3. Underline
4. Center
5. Marquee
6. Background color
7. Line breaks
8. Horizontal rules.
2.Explain two advantages of E-mail :
1. Easy to use : Sending an e-mail frees us from the tedious task of managing data for daily use. It
helps us to manage our contacts, send mails, mail history etc.
2. Speed : An email is delivered instantly and anywhere across the globe. We can send the same
message to multiple users simultaneously.
3. Mention disadvantages of Email:
1.Virus
2.Hacking
4. Briefly explain Search Engine.
A Search engine is a software core that is designed to search for information on world wide web. The
search results are generally presented in a line of results. Often referred as a search engine resulting
pages. Search engine includes yahoo, Google, AOL, ASK.
5. Briefly explain URL.
It is also known as web address, is a specific character strings that constitutes a reference to a
resource. The URL of a web page is displayed on top inside a address bar.
Ex : http://www.html.org/html/homepage.html
6. Explain surfing on the Internet.
It means to move from place to place on the internet searching for topics of interest. The links on each
page enables you to start virtually anywhere on the web.
7. What is the purpose of browser?
Is a software application that enables user to display and interact with text, images, and other
information typically located on a wed page at a website on World Wide Web or local area network.


4

8.Explain HTTP.
It is an application protocol for distributed, collaborative, hypermedia information systems. HTTP is
the foundation of data communication for the world wide web. It is a multi-linear set of objects,
building a network by using logical links between the notes.
9.Explain Domain name system.
It is a hierarchical distributed naming system for computers, services, any resource connected to the
internet. Domain name system can be visualized as a phone book for the internet by translating
human friendly computer host names into IP address.
10. What is meant by web browser?
It is a software application for retrieving, presenting and transferring information resource on the
world wide web. Hyperlinks present in the resources enable users easily to navigate their browsers to
related resource.
11. What is an E-commerce.
It stands for Electronic commerce. E-commerce means to carry out business dealings by internet
Ex : online banking, online shopping, online education.
12. Explain FTP.
It is used to transfer files on internet easily and quickly. Audio, video, graphics and data files can be
uploaded and downloaded using FTP.
13. What is voice mail?
Voice mail is a computer based system that allows users and subscribers to exchange personal voice
messages; to select and deliver voice information; and to process transactions relating to individuals,
organizations, products and services through the internet (ordinary telephone).
14. What do we require to use HTML or what are the tools required to user HTML?
1. A text editor (note pad)
2. A web browser (Internet exploser)
3. A graphics software (adobe photoshop)
4. A web server (local server)
III. 5mark questions :
1.How to start html program ?
Open notepad
Step 1 : create HTML document using notepad ( start prgrams accessories notepad)
Step 2 : Type HTML code
Step 3 : Save HTML code on desktop by giving file name extension.html.
Eg : home page. Html

File name extension


5

2.Explain markup tags ?
HTML, HEAD, title body
HTML :
1. Begins your HTML document.
2. < html > is opening tag /starting tag of html code.
3. < /html> is closing tag /ending tag of html code.
4. This element tells your browser that the file contains HTML coded information.
HEAD :
1. The head element identifies the first part of your HTML coded document.
2. Contains information about the page
3. < HEAD > is opening tag / starting tag of html code.
4. < / HEAD > is closing tag / ending tag of html code.
5. It describes the general properties of the page.
TITLE :
1. The title element contains the tile of your web page.
2. Ex : < title > dlcy < / title >
3. This will be visible in the title bar of the (viewers) web browser.
4. This tag is nested inside the < head > tag.
Output :

Note : what ever you type inside the < title > tag will be viewable in the title bar.
BODY :
1. This area will contain text and graphics. All the information will be HTML coded.
2. < body > is starting / opening tag of html code < / body > closes the html tag.
3. This will be visible in the browser window.
4. Ex : < body >
Hi this my first CS class
< / body >
Output:

dlcy

Title of the page

Title bar

Hi this is my first CS class
Body


6

Note :
1) after opening < body > tag you have to (place) write remaining html tags closing
2) before < / html > tag < / body > tag has to close.
3.Explain HEADINGS ?
1. Html has six levels of headings numbered from 1 to 6.
2. Headings are displayed in bolder fonts
3. < H1 > creates the largest heading where <H6> creates smallest heading

Name Tag Html code for heading Output
Opening tag Closing
tag

HTML Heading 1 <h1> </h1> <h1>Heading</h1>
Heading
HTML Heading 2 <h2> </h2> <h2>Heading</h2> Heading




4.Explain PARAGRAPH ?
1. Denoted by < p > tag
2. < / p > closes the paragraph in HTML code.
3. It defines the paragraph divisions of the text on the web page.
4. Paragraph tag ha to use after opening < body > tag and close before < / body > closing body
tag.
5.Explain ADDITIONAL TAGS :
1. Bold
2. Italics
3. Underline
4. Center
5. Marquee
6. Background color


7

7. Line breaks
8. Horizontal rules.
1. BOLD :
This tag is used to display the data in a thicker and darker manner.
<B> OPENING TAG
</B> CLOSING TAG
Example : < B > appear < / B >
Output

2. ITALICS:
This tag is used to display the data in italics.
<I> OPENING TAG
</I> CLOSING TAG
Example : < i > HTML < / i >
Output

3. UNDERLINE : This tag is used to display the data with an underline below it.

<U> OPENING TAG
</U> CLOSING TAG
Example : < u > colours < / u >
Output:

4. CENTER : This tag is used to display the data in the center of the web page.
<center > opening tag
</center > closing tag
Example : < Center > DLCY < / center >

appear

HTML

colours


8

center of the web page

Output :

5. MARQUEE : The text which is included between this tag will scroll from one end of the
document to the other.
< marquee > opening tag
</ marquee > closing tag
Example : < marquee > DLCY @ < / marquee >

Output :

moving text

6. Explain LINE BREAKS ?
1. < B > or < br > is the opening tag.
2. This tag has no end tag.
3. It provides a line break to the text
4. It starts a new line within a paragraph.
5. Example :
<html>
<head> <title> example for line break</title> </head>
<body >
< p > Tanjore paintings workshop : < br > learn the 16
th
century world famous art form
<br>make one full painting with hands on training by the renowned artist < /p >
< /body > </html>

DLCY
DLCY @


9

Output :
example for line break
Tanjore paintings workshop :
Learn the 16
th
century world famous art form
make one full painting with hands on training by renowned artist.

7. Explain LISTS ?
1. To display a collection of items in a particular form.
2. HTML supports three types of lists
i) unnumbered list
ii) numbered list
iii) definition lists
3. It is also possible to use nested lists.
4. < Li > is opening tag, no closing tag.

i) unnumbered list :
1) which are unordered list
2) default indicates as a bulleted list.
3) < /UL > is opening tag.
Example :
< UL >
< li > PCMB
< li > PCMCS
< li > PCME
< /UL >
Output :

The < UL > tag supports type attribute which defines the type of bullet that precedes each item in the
list.
disc - indicates a solid circle

PCMB
PCMCS
PCME


10

circle - indicates a hollow circle
square indicates a solid square.

Example :
< html >
< head > <title > unordered list < / title > < /head >
< body bgcolor = green text = yellow >
< center > < font size = 7 > I am excited about < / center > < /font >
< br >
Following are the names of few geometrical figures
< hr >
< Ul type =square >
< li > triangel
< li > rectangle
< li > square
< /UL >
< br >
< Ul type = disc >
< li > Heptagon
< li > octagon
< /Ul >
< /font ></body> </html>

ii) Numbered list :
1) Numbered list is also called as ordered list which is identical to an unnumbered list.
2) < ol > is the opening tag and < /ol > is the closing tag.
3) ex 1) : < ol >
< li > PCMB
< li >PCMCs
< li > PCME
< /ol >
Out put :

Ex : (2) < ol type =i>

1. PCMB
2. PCMCs
3. PCME


11

< li > IIT
< li > AIEEE
< li > CET
< /ol >
Ex : (3) < ol type = A >
< li > IIT
< li > AIEEE
< li > CET
< /ol >
Out put :

8. Explain Linking :
1. This tag is use to link text or image to another document or section of a document.
2. It is identified by text or image with color and underlines.
3. < A > which stands for anchor opening tag
4. < /A > - ending anchor tag
5. Specify the document you are linking to, by entering the parameter.
HREF = file name followed by a closing right angle bracket (>)
Example :
Include a space after the A

< A HREF = Myclass.html> subjects < /A >
Enter the text that will serve as the hypertext link in the current document.
(in the above example subjects serve as the hypertext link to the current myclass.html).
------------------------------------------------------------------------------------------------
Example :lab set html
Create web pages for your college using a minimum 8 tags (both the HTML page should contain 8
tags)
Page1:
< HTML >
<HEAD> <Title> homepage </ title > </head>
< HEAD > < title > home page < /title > < /head >
<body bgwlor = qua text = green>
< center > < h2 > Chethana PU college < / h2>

A. IIT
B. AIEEE
C. CET

i. IIT
ii. AIEEE
iii. CET


12

</ center> <br> < br >
< center > < h3 > < u > < B > CENTER FOR
EXCELLENCE </B > </U > </h3 > </Center >
< p >
Our college was established in the year 2010. It is situated in Yelahanka new town, Bangalore. There
are 600 students with 40 lecturers, its the < /p >
< br >.
< A HREF = details.html > click here < /A >
< / body >
< /html >
[ Save the file with the name college.html on desktop )
Page 2 :
< html >
< head > < title > details < /title > < /head >
body bgcolor = yellow text = red >
< center > < h2 > < b > courses offered < /b > < /h2 > < /center >
< OL >
< li > PCMB
< li >PCMCs
< li > PCME
< /ol >
< hr >
< p > college provides many co curricular activities with large ground for sports, conducts a cultural
bonanza to exhibit energy students conducts excussions to students for 3 4 days. Students are
provided with transport facilities.
< hr >
< A HREF = college.html > click here to ge back < /A >
< /body > < /html >
[ Save the file with the name details.html on desktop ]

-----------------------------------------------------------------------------------


13

QUICK REFERENCES:
STRUCTURAL TAGS :
Start tag End tag Meaning :
< html > < / html > Enclosed HTML code
< head > < / head > The head of the page
< title > < / title > The title of the page
< body > < / body> The body of the page

TEXT TAGS:
< p > < /p > a paragraph of the text
< br > - a line break, initiates a new line break
< hr > - a horizontal line
< font > < /font > specifies the font used
< b > < /b > bold text
< i > < /I > italic text
< h1>_ _ _< h6 > < /h1 >_ _ _</ h6 > headings
< tt > < /tt > typewriter text
< u > < /u > for underlining the text
< Big > < /Big > text in big size
< small >
< /small >
text in small size

LIST TAGS
< Ul > < /Ul > An unordered list
< ol > < /ol > An ordered list
< li > < /li > An item in the list
< dl > < /dl > A definition list
< dt > < /dt > A term in a definition list
< dd > < /dd > A definition in a definition list


14

ADDITIONAL TAGS
< center > < /center > Display the text at center of the page page
< marquee > < /marquee > Moving text in web page

Create web pages to display your details by creating a model web site
(use minimum 8 tags, use linking tag )

Notes - Web Designing

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Notes - Web Designing

Uploaded by

Copyright:

Available Formats

PU11 Computer Science Notes Web Designing

You might also like