Lab Exercises -Part 3 – Class 10 Computer sicence:
Work with HTML forms: text box, radio buttons, checkbox, password, list, combo box:
Task: Create HTML forms with various input elements for collecting user data.
Example: Design a registration form with fields for name, email, password, gender (radio buttons), interests (checkboxes), and country (dropdown list).
Text Box:
A text box <input type=”text”> allows users to input single-line text.
Radio Buttons:
Radio buttons <input type=”radio”> are used when you want users to select only one option from a list of options.
Checkbox:
Checkboxes <input type=”checkbox”> allow users to select one or more options from a list of options.
Password:
The password field <input type=”password”> is similar to a text box but obscures the characters entered by the user, typically used for password inputs.
List:
The list box <select> along with <option> elements allows users to select one or more options from a dropdown list.
Combo Box:
A combo box <select> with the size attribute set to 1 behaves like a dropdown list but also allows users to type their own value if it’s not in the list.
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>HTML Form Elements</title> </head> <body> <h2>HTML Form Elements</h2> <!– Text Box –> <label for=”text-input”>Text Box:</label> <input type=”text” id=”text-input” name=”text-input”><br><br>
<!– Radio Buttons –> <label>Radio Buttons:</label><br> <input type=”radio” id=”radio-option1″ name=”radio-options” value=”option1″> <label for=”radio-option1″>Option 1</label><br> <input type=”radio” id=”radio-option2″ name=”radio-options” value=”option2″> <label for=”radio-option2″>Option 2</label><br><br>
<!– Checkbox –> <label>Checkbox:</label><br> <input type=”checkbox” id=”checkbox-option1″ name=”checkbox-options” value=”option1″> <label for=”checkbox-option1″>Option 1</label><br> <input type=”checkbox” id=”checkbox-option2″ name=”checkbox-options” value=”option2″> <label for=”checkbox-option2″>Option 2</label><br><br>
<!– Password –> <label for=”password-input”>Password:</label> <input type=”password” id=”password-input” name=”password-input”><br><br> <!– List –> <label for=”list-select”>List:</label><br> <select id=”list-select” name=”list-select”> <option value=”option1″>Option 1</option> <option value=”option2″>Option 2</option> <option value=”option3″>Option 3</option> </select><br><br> <!– Combo Box –> <label for=”combo-box”>Combo Box:</label><br> <select id=”combo-box” name=”combo-box” size=”1″> <option value=”option1″>Option 1</option> <option value=”option2″>Option 2</option> <option value=”option3″>Option 3</option> </select><br><br> <!– Submit Button –> <input type=”submit” value=”Submit”> </body> </html> |
Write a blog using HTML pages discussing viruses, malware, spam, and antiviruses:
Task: Write blog posts on each topic using HTML formatting for text, images, and links.
Example: Research and write informative articles discussing the types of viruses, common malware threats, methods to combat spam, and the importance of antivirus software.
index.html (Homepage):
◆This is the homepage of the blog.
◆It contains a header with the title of the blog and a navigation menu with links to other pages.
◆The main content area provides a brief introduction to the blog and invites users to explore specific topics by clicking on the links in the navigation menu.
◆The footer includes copyright information.
viruses.html:
◆This page focuses on the topic of viruses.
◆It includes a header with the title of the page and a navigation link to return to the homepage.
◆The main content area provides information on what viruses are and how to protect against them.
◆It discusses the importance of using antivirus software and keeping systems up-to-date.
◆The footer contains copyright information.
malware.html:
◆This page discusses the topic of malware.
◆Similar to other pages, it includes a header, navigation link, main content area, and footer.
◆It defines malware and provides examples of different types of malware such as viruses, worms, trojans, etc.
◆The main content area also lists common types of malware.
◆The footer contains copyright information.
spam.html:
◆This page covers the topic of spam.
◆It defines spam and explains its various forms and purposes.
◆The page provides tips on how to deal with spam, including the use of spam filters and caution when interacting with unknown messages.
◆Like other pages, it includes a header, navigation link, main content area, and footer.
antiviruses.html:
◆This page discusses antivirus software.
◆It explains what antivirus software is and its features such as real-time scanning and virus definition updates.
◆The page emphasizes the importance of using antivirus software to protect against malware.
◆Similar to other pages, it includes a header, navigation link, main content area, and footer.
Each HTML page follows a consistent structure with a header, navigation menu, main content area, and footer. The navigation menu allows users to easily navigate between different topics. The main content area provides detailed information on each topic, helping readers understand concepts related to computer security.
Create a web page discussing plagiarism. List some reported cases of plagiarism and the consequent punishment meted out:
Task: Create a webpage discussing the ethics and consequences of plagiarism, including real-life examples.
Example: Compile information on notable cases of plagiarism in academia, journalism, or literature, and describe the legal and ethical repercussions faced by the perpetrators.
1. Title and Heading:
The title of the page, “Plagiarism: Cases and Consequences,” is displayed in the browser tab.
The heading <h1> at the top of the page clearly states the topic of the page, “Plagiarism: Cases and Consequences.”
2. Navigation:
The navigation section provides a link back to the homepage (assuming there’s a homepage named index.html).
3. Main Content:
◆Definition of Plagiarism:
The main content begins with a brief definition of plagiarism, explaining that it involves using someone else’s work without proper attribution.
◆Reported Cases of Plagiarism:
The page lists three reported cases of plagiarism along with the individuals involved and the consequences they faced.
Each case is presented as a list item within an unordered list <ul>.
Each list item includes the name of the individual, a brief description of the plagiarism case, and the consequent punishment or outcome.
◆Consequences of Plagiarism:
After listing the cases, the page discusses the potential consequences of plagiarism.
This section explains the possible penalties individuals may face for engaging in plagiarism, including academic, legal, and reputational repercussions.
The consequences are presented as a bulleted list within an unordered list <ul>.
4. Footer:
The footer includes a copyright notice to indicate ownership of the content.
Overall, the web page provides a comprehensive overview of plagiarism, including real-world examples of reported cases and the associated consequences. The information is presented in a clear and organized manner, making it easy for readers to understand the seriousness of plagiarism and its potential impact.
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Plagiarism: Cases and Consequences</title> </head> <body> <header> <h1>Plagiarism: Cases and Consequences</h1> </header> <nav> <a href=”index.html”>Back to Homepage</a> </nav> <main> <h2>What is Plagiarism?</h2> <p>Plagiarism is the act of using someone else’s work or ideas without proper attribution, passing them off as one’s own.</p> <h2>Reported Cases of Plagiarism:</h2> <ul> <li><strong>Jayson Blair:</strong> A journalist who fabricated stories and plagiarized content at The New York Times. Consequence: Blair resigned and faced public scrutiny.</li> <li><strong>J.K. Rowling:</strong> Accused of plagiarism by various authors, including Nancy Stouffer and Adrian Jacobs, regarding similarities in their works and the Harry Potter series. Consequence: Lawsuits were filed, but Rowling was cleared of plagiarism charges.</li> <li><strong>Martin Luther King Jr.:</strong> Found to have plagiarized significant portions of his doctoral dissertation and other writings. Consequence: King’s reputation was tarnished, but his overall legacy remains controversial.</li> </ul> <h2>Consequences of Plagiarism:</h2> <p>The consequences of plagiarism can vary depending on the severity of the offense, the context, and the institution’s policies. Consequences may include:</p> <ul> <li>Academic penalties such as failing grades, suspension, or expulsion from educational institutions.</li> <li>Legal repercussions including lawsuits and fines, especially in cases involving copyright infringement.</li> <li>Damage to one’s reputation and credibility, affecting future opportunities and careers.</li> </ul> </main> <footer> <p>© 2024 Plagiarism Blog. All rights reserved.</p> </footer> </body> </html> |