-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathques 6.html
134 lines (123 loc) · 3.42 KB
/
ques 6.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table{
border-style: double;
margin: 0;
padding: 0;
}
th{
border: 1px solid black;
padding: 10px;
}
ul{
list-style-type:circle;
}
td{
border: 1px solid black;
}
.css{
border-style: double;
margin: 0;
padding: 0;
width:max-content;
border: 2px solid black;
}
sec{
padding:10px;
text-align: center;
}
.divider{
border: 2px solid black;
}
</style>
</head>
<body>
<h1><ol><li type="number">HTML</li></ol></h1>
<table>
<tr>
<th colspan="3">Primary use cases</th>
<th colspan="6">Key Features and benefits</th>
</tr>
<tr>
<center><td colspan="3" style="border-collapse: collapse; margin-right: 50px; padding: 40px;">Building the structure of web pages</td></center>
<td colspan="6">
<ul>
<li type="number">
Simple and easy to learn</li>
<li>Compatible with all web browser</li>
<li>
Allows for sematic markup
</li>
</ul>
</td>
</tr>
</table>
<br>
<h1><ol><li type="number">CSS</li></ol></h1>
<table class="css">
<tr>
<th colspan="3">Primary use cases</th>
<th colspan="6">Key Features and benefits</th>
</tr>
<tr>
<ol type="A">
<td>
<li>Styling web pages</li>
<li>Responsive Design</li>
<li>Animation and visual effects</li>
<li>Theming and customization</li>
</td>
</ol>
<td colspan="6">
<ul>
<li type="number">
Controls the layout, colors, fonts, and spacing of HTML elements.
</li>
<li>Enables responsive design for different devices using media queries.</li>
<li>
Provides tools for animations and transitions to enhance user experience.
</li>
<li>Allows for consistent theming and reusable styles across multiple pages.</li>
</ul>
</td>
</tr>
</table>
<br>
<h1><ol><li type="number">JavaScript</li></ol></h1>
<table class="css">
<tr>
<th colspan="3">Primary use cases</th>
<th colspan="6">Key Features and benefits</th>
</tr>
<tr>
<ol type="A">
<td>
<li>Adding interactivity to web pages</li>
<li>Client-side scripting</li>
<li>Event handling</li>
<li>Integration with APIs</li>
<li>Extensibility with frameworks</li>
</td>
</ol>
<td colspan="6">
<ul>
<li type="number">
Makes websites interactive (e.g., dynamic forms, real-time updates).
</li>
<li>Runs directly in the browser for fast and responsive applications.</li>
<li>
Handles user interactions (e.g., clicks, hovers, form submissions).
</li>
<li>Fetches data from APIs for dynamic content updates (e.g., weather updates).</li>
<li>Supports frameworks like React, Vue, and Angular for advanced features.</li>
</ul>
</td>
</tr>
</table>
</body>
</html>