-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathout.html
102 lines (96 loc) · 3.47 KB
/
out.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
<head>
<title>Output Unit</title>
<style>
body {
font-family: "Verdana", sans-serif;
margin: 20px;
background-color: #f4f4f4;
}
h1 {
color: blue;
margin-top: 20px;
text-align: center;
font-family: "Georgia", serif;
font-weight: bold;
}
h2 {
color: #1e8808;
margin-left: 20px;
font-family: "Tahoma", sans-serif;
font-weight: bold;
}
h3 {
color: #2f1061;
margin-left: 20px;
font-family: "Courier New", monospace;
}
p {
color: red;
font-size: 18px;
margin-left: 20px;
line-height: 1.5;
font-family: "Arial", sans-serif;
}
.d {
width: 250px;
height: 250px;
border: 2px solid red;
border-radius: 20px;
display: block;
margin-left: 50px;
}
</style>
</head>
<body>
<div class="container">
<h1>Output Unit</h1>
<h2>Types of Output Units:</h2>
<h3>1. Soft Output</h3>
<p>The output we see on a monitor is known as a soft copy.</p>
<h3>2. Hard Output</h3>
<p>The output we get from a printer is known as a hard copy.</p>
<h2>Monitor</h2>
<img class="d" src="Monitor.jpeg" alt="Monitor">
<p>1. CRT (Cathode Ray Tube)</p>
<img class="d" src="crt.jpeg" alt="CRT Monitor">
<p>2. LCD (Liquid Crystal Display)</p>
<img class="d" src="lcd.jpeg" alt="LCD Monitor">
<p>3. LED (Light Emitting Diode)</p>
<img class="d" src="led.jpeg" alt="LED Monitor">
<p>4. TFT (Thin Film Transistor)</p>
<img class="d" src="tft.jpeg" alt="TFT Monitor">
<h2>Desktop</h2>
<img class="d" src="Desktop.jpeg" alt="Desktop">
<p>The first screen that appears after the Windows operating system loads is called the desktop.</p>
<h2>Icon</h2>
<img class="d" src="icon.jpeg" alt="Icons">
<p>Small pictures on the desktop are called icons, such as Notepad, Paint, and MS Word.</p>
<h2>Taskbar</h2>
<img class="d" src="task.jpeg" alt="Taskbar">
<p>The bottom bar on the desktop screen is called the taskbar.</p>
<h2>Printer</h2>
<h3>Printers provide a hard copy of information.</h3>
<p>There are two types of printers:</p>
<h3>1. Impact Printer</h3>
<p>Impact printers physically strike the paper.</p>
<p>They are slower and have lower quality prints.</p>
<p>Examples:</p>
<p>1. Dot Matrix Printer</p>
<img class="d" src="dotmatrix.jpeg" alt="Dot Matrix Printer">
<p>2. Chain Printer</p>
<img class="d" src="chain-printer.jpg" alt="Chain Printer">
<p>3. Drum Printer</p>
<img class="d" src="drum.jpg" alt="Drum Printer">
<h3>2. Non-Impact Printer</h3>
<p>Non-impact printers do not physically strike the paper.</p>
<p>They are faster and produce high-quality prints.</p>
<p>Examples:</p>
<p>1. Inkjet Printer</p>
<img class="d" src="inkjet.jpg" alt="Inkjet Printer">
<p>2. Laser Printer</p>
<img class="d" src="hp-laser-printer.jpg" alt="Laser Printer">
</div>
</body>
</html>