CSC 216 Assignment Question and Answers
In this post we will be dropping the solution to the CSC 216 Assignment Questions below, without wasting more times lets get started.
Assignment Questions ✍
Course Code: CSC 216.
- Write and Explain the five steps to followed to write a program in HTML.
- Write a program to display the following in an orderly manner.
i. List of 10 Families in your own village.
ii. To display five local government in your State. - Write a simple program in HTML to display an image of an Eagle or letter EAGLE.
Note: It should be done in a 20 leaves exercise book and to be submitted on and before Wednesday Next Week by 12 Noon.
CSC 216 Assignment Solution
1. Five Steps to Write a Program in HTML:
HTML (Hypertext Markup Language) is the standard markup language used for creating web pages. To write a program in HTML, follow these five steps:
Step 1: Set Up the Basic Structure
Begin by creating an HTML document. Use the following template as a starting point:
<!DOCTYPE html>
<html>
<head>
<title>Your Page Title</title>
</head>
<body>
<!-- Your content goes here -->
</body>
</html>Step 2: Add Content
Inside the <body> tags, add your content using various HTML elements such as headings, paragraphs, lists, images, and more.
Step 3: Formatting and Styling
Use HTML tags to structure your content and CSS (Cascading Style Sheets) for styling. You can apply formatting through inline styles, internal styles, or by linking to an external CSS file.
Step 4: Add Links and Navigation
Include hyperlinks using the <a> (anchor) element to link to other pages or websites. Create a navigation menu if your program has multiple pages.
Step 5: Test and Debug
Before publishing your HTML program, make sure to test it in various web browsers to ensure compatibility. Utilize browser developer tools to debug and fix any issues that may arise.
2. Program to Display Lists of Families and Local Governments:
A simple HTML program to display a list of 10 families in your village and five local governments in your state:
<!DOCTYPE html>
<html>
<head>
<title>Village Information</title>
</head>
<body>
<h2>List of 10 Families in My Village:</h2>
<ul>
<li>Family 1</li>
<li>Family 2</li>
<li>Family 3</li>
<li>Family 4</li>
<li>Family 5</li>
<li>Family 6</li>
<li>Family 7</li>
<li>Family 8</li>
<li>Family 9</li>
<li>Family 10</li>
</ul>
ii) To display five local government in your State.
<h2>Five Local Governments in My State:</h2>
<ol>
<li>Abakaliki LGA</li>
<li>Ohaozara LGA</li>
<li>Oniocha LGA</li>
<li>Afikpo North LGA</li>
<li>Ikwo LGA</li>
</ol>
</body>
</html>This program includes headings, an unordered list for families, and an ordered list for local governments.
3. Program to Display an Image of an Eagle:
To display an image of an eagle using HTML, you can use the <img> tag. Here’s an example:
<!DOCTYPE html>
<html>
<head>
<title>Eagle Image</title>
</head>
<body>
<h2>An Image of an Eagle:</h2>
<img src="eagle.jpg" alt="Eagle Image">
</body>
</html>The alt attribute provides alternative text for accessibility and will be displayed if the image cannot be loaded.
In Conclusion
Please note that:
<!DOCTYPE html>declares the document type.<html>is the root element.<head>contains metadata, like the page title.<body>is where your content will go
If you don’t understand these codes or how it was solved please drop a comment below
