Notes Grade+7
Notes Grade+7
Notes Grade+7
<html>
<head>
<title>Title of page</title>
</head>
<body>
Hello World! This is my first homepage. <b>This text is bold</b>
</body>
</html>
Save the file as "mypage.html".
Start your Internet browser. Select "Open" (or "Open Page") in the File menu of your
browser. A dialog box will appear. Select "Browse" (or "Choose File") and locate the HTML file
you just created - "mypage.html" - select it and click "Open". Now you should see an address in
the dialog box, for example "C:\MyDocuments\webdesign\mypage.html". Click OK, and the
browser will display the page.
Example Explained
The first tag in your HTML document is <html>. This tag tells your browser that this is
the start of an HTML document. The last tag in your document is </html>. This tag tells your
browser that this is the end of the HTML document.
The text between the <head> tag and the </head> tag is header information. Header
information is not displayed in the browser window. The text between the <title> tags is the title
of your document. The title is displayed in your browser's caption. The text between the <body>
tags is the text that will be displayed in your browser. The text between the <b> and </b> tags
will be displayed in a bold font.
-1-
HTML ELEMENTS
HTML documents are text files made up of HTML elements. HTML elements are
defined using HTML tags.
HTML Tags
The purpose of the <b> tag is to define an HTML element that should be displayed as bold.
Tag Attributes
Tags can have attributes. Attributes can provide additional information about the HTML
elements on your page.
This tag defines the body element of your HTML page: <body>. With an added bgcolor
attribute, you can tell the browser that the background color of your page should be red, like this:
<body bgcolor="red">
This tag defines an HTML table: <table>. With an added border attribute, you can tell the
browser that the table should have no borders: <table border="0">. Attributes always come in
name/value pairs like this: name="value". Attributes are always added to the start tag of an
HTML element.
1. HEADINGS
Headings are defined with the <h1> to <h6> tags. <h1> defines the largest heading. <h6>
defines the smallest heading.
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
-2-
HTML automatically adds an extra blank line before and after a heading.
2. PARAGRAPHS
<p>This is a paragraph</p>
<p>This is another paragraph</p>
HTML automatically adds an extra blank line before and after a paragraph.
3. LINE BREAKS
The <br> tag is used when you want to end a line, but don't want to start a new paragraph. The
<br> tag forces a line break wherever you place it.
4. Comments in HTML
The comment tag is used to insert a comment in the HTML source code. A comment will be
ignored by the browser. You can use comments to explain your code, which can help you when
you edit the source code at a later date.
Note that you need an exclamation point after the opening bracket, but not before the closing
bracket.
-3-
Example
Source Output
<i>Italic text</i><br /> Italic text
<b>Bold text</b><br /> Bold text
<em>Emphasized text</em><br> Emphasized
<strong>Strong text</strong><br> text Strong text
What is the difference between <i> & <em> and <b> & <strong>, <b> and <i> will both
become deprecated tags. Using <strong> and <em> are the tags that will be cross-browser
compatible as browsers move forward to embrace the new standards in HTML (e.g., XHTML)
2. HTML Links
HTML uses a hyperlink to link to another document on the Web. HTML uses the <a>
(anchor) tag to create a link to another document. An anchor can point to any resource on the
Web: an HTML page, an image, a sound file, a movie, etc.
The <a> tag is used to create an anchor to link from, the href attribute is used to address the
document to link to, and the words between the open and close of the anchor tag will be
displayed as a hyperlink.
<a href="http://www.google.co.in/">Google</a>
-4-
<a name="label">Text to be displayed</a>
The name attribute is used to create a named anchor. The name of the anchor can be any text you
care to use.
The line below defines a named anchor:
<a name="tips">Useful Tips Section</a>
You should notice that a named anchor is not displayed in a special way. To link directly to the
"tips" section, add a # sign and the name of the anchor to the end of a URL, like this:
<a
href="http://www.amyschan.com/mypage.html#tips">
Jump to the Useful Tips Section</a>
HTML LISTS
HTML supports ordered, unordered and definition lists.
1. Unordered Lists
An unordered list is a list of items. The list items are marked with bullets (typically small
black circles).
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Here is how it looks in a browser:
Coffee
Milk
Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.
2. Ordered Lists
An ordered list is also a list of items. The list items are marked with numbers.
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Here is how it looks in a browser:
1. Coffee
2. Milk
Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc
-5-
HTML IMAGES
With HTML you can display images in a document.
The URL points to the location where the image is stored. An image named "boat.gif"
located in the directory "images" on "www.w3schools.com" has the URL:
http://www.w3schools.com/images/boat.gif. The browser puts the image where the image tag
occurs in the document. If you put an image tag between two paragraphs, the browser shows the
first paragraph, then the image, and then the second paragraph.
HTML BACKGROUNDS
A good background can make a Web site look really great.
Backgrounds
The <body> tag has two attributes where you can specify backgrounds. The background can be a
color or an image.
1. Bgcolor
The bgcolor attribute specifies a background-color for an HTML page. The value of this attribute
can be a hexadecimal number, an RGB value, or a color name:
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
-6-
The lines above all set the background-color to black.
2. Background
The background attribute specifies a background-image for an HTML page. The
value of this attribute is the URL of the image you want to use. If the image is
smaller than the browser window, the image will repeat itself until it fills the entire
<body background="images/cloudswirl.jpg">
<body background="http://www.amyschan.com/images/cloudswirl.jpg">
browser window.
-7-
Sorting
Sorting lists is a common spreadsheet task that allows you to easily
reorder your data. The most common type of sorting is alphabetical
ordering, which you can do in ascending or descending order.
1. Ascending (A-Z)
2. Descending. (Z-A)
-8-
To sort from smallest to largest:
Select a cell in the column you want to sort (a column
with numbers).
Click the Sort & Filter command in the Editing group on
the Home tab.
Select From Smallest to Largest. Now the information is
organized from the smallest to largest amount.
-9-
Choose what to sort on. In this example, we'll leave the
default as Value.
Choose how to order the results. Leave it as A to Z so it
is organized alphabetically.
Click Add Level to add another item to sort by.
- 11 -
Decide how you want things grouped. In this example, we
will organize by Category.
Select a function. In this example, we will leave the SUM
function selected.
Select the column where you want the Subtotal to appear.
In this example, Total Cost is selected by default.
Click OK. The selected cells are organized into groups
with subtotals.
- 12 -
To collapse or display the group:
Click the black minus sign, which is the hide detail icon,
to collapse the group.
Click the black plus sign, which is the show detail icon,
to expand the group.
Use the Show Details and Hide Details commands in the
Outline group to collapse and display the group as well.
Filtering cells
Filtering, or temporarily hiding, data in a spreadsheet is simple. This
allows you to focus on specific spreadsheet entries.
To filter data: - 13 -
Click the Filter command on the Data tab. Drop-down
arrows will appear beside each column heading.
- 14 -
Uncheck Select All.
Choose Flavor.
Click OK. All other data will be filtered, or hidden, and
only the Flavor data is visible.
- 15 -
To remove all filters, click the Filter command.
- 16 -
AND, OR and NOT gates are basic gates. A table which lists all possible combinations
of input variables and the corresponding outputs is called a “truth table‟. It shows
how the logic circuit’s output responds to various combinations of logic levels at the
inputs.
AND GATE:- An AND gate has two or more inputs but only one output. The output
assumes the logic 1 state only when each one of its inputs is at logic 1 state.
The output assumes logic 0 state even if one of its input is at logic 0 state. AND gate
is also called an “all or nothing‟ gate.
The logic symbol & truth table of two input AND gate are shown in figure 1.a & 1.b
respectively.
OR GATE
Like an AND gate, an OR gate may have two or more inputs but only one output. The
output assumes the logic 1 state, even if one of its inputs is in logic 1 state. Its output
assumes logic 0 state, only when each one of its inputs is in logic 0 state. OR gate is
also called an “any or all‟ gate.
It can also be called an inclusive OR gate because it includes the condition “both the
input can be present‟.
The logic symbol & truth table of two input OR gate are shown in figure 1.c & 1.d
respectively. The symbol for OR operation is “+‟.
- 17 -
NOT GATE
A NOT gate is also known an inverter, has only one input and only one output. It is a
device whose output is always the complement of its input. That is the output of a
not gate assumes the logic 1 state when its input is in logic 0 state and assumes the
logic 0 state when its input is in logic 1 state.
The logic symbol & truth table of NOT gate are shown in figure 1.e & 1.f respectively.
The symbol for NOT operation is “-“-‟(bar).
- 18 -
NAND and NOR GATE
Each device in a computer operates at different speeds and computer memory gives
your computer a place to quickly access data.
If the CPU had to wait for a secondary storage device, like a hard disk drive, a
computer would be much slower.
Primary Memory
This is the main memory of the computer. CPU can directly read or write on this
memory. It is fixed on the motherboard of the computer.
Primary memory is further divided in two types:
CD Drive
CD stands for Compact Disk. CDs are circular disks that use optical rays, usually
lasers, to read and write data.
They are very cheap as you can get 700 MB of storage space for less than a dollar.
CDs are inserted in CD drives built into CPU cabinet.
They are portable as you can eject the drive, remove the CD and carry it with you.
DVD Drive
DVD stands for Digital Versatile Display. DVD are optical devices that can store 15
times the data held by CDs.
They are usually used to store rich multimedia files that need high storage capacity.
DVDs also come in three varieties – read only, recordable (DVD-R) and rewritable
(DVD-RW).
Pen Drive
Pen drive is a portable memory device that uses solid state memory rather than
magnetic fields or lasers to record data.
It uses a technology similar to RAM, except that it is nonvolatile. It is also called USB
drive, key drive or flash memory.
Blu Ray Disk
Blu Ray Disk (BD) is an optical storage media used to store high definition (HD) video
and other multimedia filed. - 20 -
BD uses shorter wavelength laser as compared to CD/DVD. This enables writing arm
to focus more tightly on the disk and hence pack in more data. BDs can store up to
128 GB data.
1 EB(Exabyte). = 1024 PB
1 ZB(Zettabyte). = 1024 EB
1 ZB(Zettabyte). = 1024 PB
1 YB(Yottabyte). = 1024 ZB
What Is a Computer Network?
A computer network is a connection between two or more network devices, like computers,
routers, and switches, to share network resources.
- 22 -
The establishment of a computer network depends on the requirements of the communication
channel, i.e., the network can be wired or wireless.
Types of Networks
- 23 -
Below mentioned are different types of networks:
- 24 -
The Local Area Network (LAN) is designed to connect multiple network devices and systems
within a limited geographical distance. The devices are connected using multiple protocols
for properly and efficiently exchanging data and services.
The data transmit speed in the LAN network is relatively higher than the other
network types, MAN and WAN.
LAN uses private network addresses for network connectivity for data and service
exchange, and it uses cable for network connection, decreasing error and
maintaining data security.
Advantages Disadvantages
The Network Server acts as a central unit for the whole Probability of leak of sensitive data
network. by LAN administration.
- 25 -
What Is Metropolitan Area Network (MAN)?
The Metropolitan Area Network (MAN) is a network type that covers the network connection
of an entire city or connection of a small area. The area covered by the network is connected
using a wired network, like data cables.
Data transmission speed is relatively high due to the installation of optical cables
and wired connections.
Advantages Disadvantages
The network connection area covers an entire city or some The need for good quality hardware
parts using the optic cables.- 26 - and the installation cost is very
high.
The Wide Area Network (WAN) is designed to connect devices over large distances like
states or between countries. The connection is wireless in most cases and uses radio towers
for communication.
The WAN network can be made up of multiple LAN and MAN networks.
- 27 -
Attributes of WAN Network:
The speed of the WAN data transfer is lower than in comparison to LAN and
MAN networks due to the large distance covered.
The WAN network uses a satellite medium to transmit data between multiple
locations and network towers.
Advantages Disadvantages
- 28 -
Difference Between LAN, MAN, and WAN
Several computers
The WAN
LAN is a network that enables the can be connected to
network extends
communication between many MAN in the same
to a much greater
linked devices. It is in charge of city or separately. It
Meaning area. It can link
establishing connections among encompasses a
multiple
neighborhood units, including greater region,
countries
universities and schools. including minor
together.
towns and cities.
Speed The Internet speed provided through MAN provides a WAN provides a
LAN is fast. modest Internet slow Internet
- 29 -
connection speed. connection.
Congestion is
more in WAN
Congestion is less in the LAN
Congestion It is more in MAN. when compared
network.
to LAN and
MAN.
- 30 -
LAN
Ethernet is the foundation of all existing LANs, whether wired or wireless. Computers and
servers can connect via cables or wirelessly. WiFi Access Points provide wireless
connectivity in combination with a wired network. WAP-enabled devices serve as a link
between PCs and networks. A WAP may connect a hundred or even a thousand wireless
individuals to a network. Servers on a LAN are generally connected by wire.
MAN
A metropolitan area network combines many LANs with a fiber optic as the basis. It offers
services akin to those offered by an internet service provider for broad area networks. MANs
can use microwave or infrared lasers to connect Local Area Networks wirelessly. MANs are
often owned by just one significant organization and are mainly created for towns or cities to
give a high data connection.
WAN
Users and computers in one area may interact with users and computers in other locations via
a WAN, composed of two or more interconnected Local Area Networks or Metropolitan Area
Networks. Computers in a Wide Area Network are linked by public networks such as phone
lines, satellite connections, or leased lines. To extend the network's capabilities across
locations, costly leased lines are usually used to build WANs. At each end of a leased line, a
router is attached.
LAN
A local area network is a collection of computers and other technology with a common
communication line or wireless network and, in most cases, the facilities of an individual
- 31
server or processor within a limited geographic -
region. Typically, the server houses shared
data storage and applications for many computer users.
MAN
Multiple LANs are connected by metropolitan area networks using specialized wireless and
wired foundations. A MAN may link to a network exchange point and a local exchange
carrier to offer connections between LANs and instantaneous communication between the
MAN and the open Internet.
WAN
A point to another service that can employ traditional dial-up lines or modems to link the
device to the phone line. Point-to-point WAN service suppliers include both local mobile
phone providers and long-distance operators.
LAN
MAN
WAN
Keeping everything stored on the server safe and secure is done through data
protection.
LAN model and established ethernet cabling allow a system linked to a LAN to
interact directly at a very high speed.
MAN
Due to MAN's lower resource requirements than WAN, MAN deployment costs
are lower than WAN. It reduces the cost of implementation.
MANs may be controlled centrally, making network traffic monitoring and control
easier.
WAN
The information connected to every device in the relevant network can be shared
through the WAN network.
LAN
Local area networks are only utilized in structures since they cannot be used in
larger regions.
- 33 -
Unauthorized users may access data if the server's equipment is not appropriately
configured and there is a technology issue.
There are restrictions on how many devices may be connected to LANs.
MAN
Because of the huge size, it is difficult to safeguard the system from hackers.
To link MAN from one location to another, extra cables are necessary. MAN
necessitates the use of fiber optic connections, which are relatively costly.
WAN
Because WAN networks combine more technologies, they have more security
issues when compared to LAN and MAN networks.
- 34 -