KEMBAR78
Index Pages | PDF | Html | Html Element
0% found this document useful (0 votes)
11 views6 pages

Index Pages

The document outlines a comprehensive list of tasks for creating web pages using HTML, CSS, JavaScript, and MongoDB. It includes demonstrations of various HTML tags, CSS properties, JavaScript functions, and MongoDB operations. Each task is designed to teach specific concepts and techniques relevant to web development.

Uploaded by

devikamaddala56
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
11 views6 pages

Index Pages

The document outlines a comprehensive list of tasks for creating web pages using HTML, CSS, JavaScript, and MongoDB. It includes demonstrations of various HTML tags, CSS properties, JavaScript functions, and MongoDB operations. Each task is designed to teach specific concepts and techniques relevant to web development.

Uploaded by

devikamaddala56
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

HTML:

1. Write a Simple HTML program for displaying “Hello World!”


2. Design a web page of displaying “Hello World!” by using Heading Tag
3. Design a web page by demonstrating the usage of Paragraph Tag
4. Design a web page by demonstrating the usage of HTML lists
5. Design a web page by demonstrating the usage of HTML list type
attribute – “A”
6. Design a web page by demonstrating the usage of HTML list type
attribute – “a”
7. Design a web page by demonstrating the usage of HTML list type
attribute – “I”
8. Design a web page by demonstrating the usage of HTML list type
attribute – “i”
9. Design a web page by demonstrating the usage of HTML list with start
attribute
10. Design a web page by demonstrating the usage of HTML list type
attribute – “square”
11. Design a web page by demonstrating the usage of HTML list type
attribute – “circle”
12. Design a web page by demonstrating the usage of HTML list type
attribute – “disc”
13. Design a web page by demonstrating the usage of HTML list type
attribute – “none”
14. Design a web page by demonstrating the usage of Nested list in HTML
15. Design a web page by demonstrating the usage of HTML Table tags.
16. Design a web page demonstrating the usage of HTML Image Tag
17. Design a web page by demonstrating the usage of HTML Video Tag
18. Design a web page by demonstrating the usage of HTML Audio Tag
19. Design a web page by demonstrating the usage of Div Tag
20. Design a web page by demonstrating the usage of HTML Marquee Tag.
21. Design a web page by demonstrating the usage of HTML Marquee Tag
with image.
22. Design a web page by demonstrating the usage of HTML background
attribute.
23. Design a webpage to open an external link
24. Design a webpage to open a mailto link
25. Design a webpage to open a phone number link
26. Design a webpage to open a section on the same page using links
27. Create a web page demonstrating the use of the <b> (bold) tag.
28. Create a web page demonstrating the use of the <strong> tag.
29. Create a web page demonstrating the use of the <i> tag.
30. Create a web page demonstrating the use of the <em> tag.
31. Create a web page demonstrating the use of the <u> tag.
32. Create a web page demonstrating the use of the <mark> and <small>
tags.
33. Design a web page by demonstrating the usage of Form Tag
34. Design a web page by demonstrating the usage of Radio Button
35. Design a web page by demonstrating the usage of Check Box
36. Design a web page by demonstrating the usage of Dropdown
37. Design a web page by demonstrating the usage of Text Area
38. Design a web page by demonstrating the usage of Button
39. Design a web page demonstrating the usage of the ‘<sup>’ tag
40. Design a web page demonstrating the usage of the <sub> tag
41. Design a web page demonstrating the usage of the <del> tag
42. Design a web page demonstrating the usage of the <ins> tag
43. Design a web page demonstrating the usage of the <q> tag
44. Design a web page demonstrating the usage of the <kbd> tag
45. Design a web page demonstrating the usage of the <fieldset> tag
46. Design a web page demonstrating the usage of the <legend> tag
47. Design a web page demonstrating the usage of the <frameset> tag
48. Design a web page demonstrating the usage of the ‘cols’ attribute in
<frameset>
49. Design a web page demonstrating the usage of the ‘rows’ attribute in
<frameset>
50. Design a web page demonstrating the usage of the ‘frameborder’
attribute in <frameset>
51. Design a web page demonstrating the usage of the ‘border’ attribute in
<frameset>
52. Design a web page demonstrating the usage of the ‘noresize’ attribute in
<frame>
53. Design a web page demonstrating the usage of the <header> tag.
54. Design a web page demonstrating the usage of the <nav> tag.
55. Design a web page demonstrating the usage of the <main> tag.
56. Design a web page demonstrating the usage of the <article> tag.
57. Design a web page demonstrating the usage of the <section> tag.
58. Design a web page demonstrating the usage of the <aside> tag.
59. Design a web page demonstrating the usage of the <footer> tag.
60. Design a web page demonstrating the usage of the <figure> and
<figcaption> tags.

CSS:
61. Design a web page implementing Inline CSS
62. Design a web page implementing Internal CSS
63. Design a web page implementing External CSS
64. Design a web page implementing the usage of CSS background property
65. Design a web page implementing the usage of CSS borders property
66. Design a web page implementing the usage of CSS text property
67. Design a web page implementing the usage of Box Model
68. Design a web page implementing the usage of Grid Layout
69. Create a webpage that demonstrates the use of a class selector to style
multiple elements
70. Create a webpage that demonstrates the use of class selectors to style
multiple div elements.
71. Demonstrate the usage of the Universal Selector (*) in CSS
72. Demonstrate the usage of the Type Selector (element) in CSS
73. Demonstrate the usage of the Class Selector (.classname) in CSS
74. Demonstrate the usage of the Id Selector (#id) in CSS
75. Demonstrate the usage of `border-radius` for Rounded Corners in CSS
76. Demonstrate the usage of `box-shadow` in CSS
77. Demonstrate the usage of `border-image` in CSS
78. Demonstrate how to style Table Borders using CSS
79. Demonstrate the usage of the `display: block` property in CSS
80. Demonstrate the usage of the `display: inline` property in CSS
81. Demonstrate the usage of the `display: inline-block` property in CSS
82. Demonstrate the usage of the `display: none` property in CSS
83. Demonstrate the usage of `display: flex` in CSS
84. Demonstrate the usage of `flex-direction` in CSS
85. Demonstrate the usage of `flex-wrap` in CSS
86. Demonstrate the usage of `flex-flow` in CSS
87. Demonstrate the usage of `justify-content` in CSS
88. Demonstrate the usage of `align-items` in CSS
89. Demonstrate the usage of `align-content` in CSS
90. Demonstrate the usage of `a:link` in CSS
91. Demonstrate the usage of `a:visited` in CSS
92. Demonstrate the usage of `a:hover` in CSS
93. Demonstrate the usage of `a:active` in CSS
94. Demonstrate the usage of `overflow` in CSS
95. Demonstrate the usage of the `float` property in CSS
96. Demonstrate the usage of `calc()` in CSS
97. Demonstrate the usage of `min()` in CSS
98. Demonstrate the usage of `max()` in CSS
99. Demonstrate the usage of `::first-line` in CSS
100.Demonstrate the usage of `::first-letter` in CSS
101.Demonstrate the usage of `::before` in CSS
102.Demonstrate the usage of `::after` in CSS
103.Demonstrate the usage of `::selection` in CSS
104.Demonstrate the usage of `:nth-child()` in CSS
105.Demonstrate the usage of `:target` in CSS
106.Demonstrate the usage of `input[type="text"]` in CSS
107.Demonstrate the usage of `::placeholder` in CSS
108.Demonstrate the usage of `z-index` in CSS
109.Demonstrate the usage of `input[type="range"]` in CSS
110.Demonstrate the usage of the `` element in CSS
111.Demonstrate the usage of `accent-color` in CSS
112.Demonstrate a simple CSS animation using `@keyframes`
113.Demonstrate the usage of `backdrop-filter` in CSS
114.Demonstrate the usage of `transform: translate()` in CSS
115.Demonstrate the usage of `transform: rotate()` in CSS
116.Demonstrate the usage of `transform: scale()` in CSS
117.Demonstrate the usage of `counter-increment` in CSS
118.Demonstrate the usage of a media query for screen width in CSS
119.Demonstrate media query to change `flex-direction` based on screen size
120.Demonstrate media query to toggle visibility based on screen size
JAVA SCRIPT:

121. Demonstrate the use of `getElementById` to access and modify an


element
122. Demonstrate the use of `getElementsByClassName` to access multiple
elements
123. Demonstrate how to change content using `textContent` with a button
click
124. Demonstrate how to change content using `innerHTML` with a button
click
125. Demonstrate how to update visible text using `innerText` with a button
126.Demonstrate how to create an element by clicking a button
127.Demonstrate how to remove an element from the DOM
128.Demonstrate how to change the style of an element using JavaScript
129.Demonstrate how to toggle visibility of an element
130.Demonstrate how to get the value from an input field
131.Demonstrate how to loop through elements using
`getElementsByTagName`
132.Demonstrate an increment and decrement counter
133.Demonstrate the usage of the `push()` method
134.Demonstrate the usage of the `pop()` method
135.Demonstrate the usage of the `map()` method
136.Demonstrate the usage of the `filter()` method
137.Demonstrate the usage of the `reduce()` method
138.Demonstrate the usage of the `forEach()` method
139.Demonstrate the usage of the `slice()` method
140.Demonstrate the usage of the `splice()` method
141.Demonstrate the usage of the `includes()` method
142.Demonstrate the usage of the `find()` method
143.Demonstrate the usage of the `sort()` method
144.Demonstrate the usage of the `Spread Operator (...)` in arrays

MongoDB:

145. Demonstrate how to create a database in MongoDB


146. Demonstrate how to create a collection in MongoDB
147. Demonstrate how to insert a document into a MongoDB collection
148. Demonstrate how to find documents in a MongoDB collection
149. Demonstrate how to update a document in MongoDB
150. Demonstrate how to delete a document in MongoDB
151. Demonstrate how to insert multiple documents using insertMany()
152. Demonstrate how to find documents using a filter in MongoDB
153. Demonstrate how to retrieve all documents using find()
154. Demonstrate how to update multiple documents using updateMany()
155. Demonstrate how to delete multiple documents using deleteMany()
156. Demonstrate how to use the Seq (equal) operator in MongoDB
157. Demonstrate how to use the Sne (not equal) operator in MongoDB
158. Demonstrate how to use the Sgt (greater than) operator in MongoDB
159. Demonstrate how to use the Sgte (greater than or equal to) operator in
MongoDB
160. Demonstrate how to use the Sit (less than) operator in MongoDB
161. Demonstrate how to use the Site (less than or equal to) operator in
MongoDB
162. Demonstrate how to use the Sin operator in MongoDB
163. Demonstrate how to use the Sand logical operator in MongoDB
164. Demonstrate how to use the Sor logical operator in MongoDB
165. Demonstrate how to use the Snot logical operator in MongoDB
166.Demonstrate how to set up an Express server with MongoDB
connection
167.Demonstrate how to define a Mongoose schema with validation
168.Demonstrate how to create a signup endpoint with error handling
169. Demonstrate how to build a signup form with client-
Node:
170: create an API protocol to verify login credientials?
171. How to fetch all users using a GET endpoint with promise chains?
172. How to update a user using a PUT endpoint with promise chains?
173 .How to delete a user using a DELETE endpoint with promise chains?

You might also like