OLA 1: HTML

Course: CSCI 4410/5410 Web Technologies

Instructor: Dr. Xin Yang
Due date: 11:59 pm Feb 6th, 2025 (Thursday)

Objective:

In this assignment, you are tasked with creating your first HTML webpage. The goal is to showcase your understanding of basic HTML components, including <title>, <p>, <img>, <a>, <ul>, <ol>, <li>, <table>, <tr>, <td>, <h1>, <h2>, <b>, <i>, <mark>, .

Step 1: Create Your First Webpage

Here is the basic HTML structure:

			<!DOCTYPE HTML>
			<html lang="en">
			<head>
   				 <meta charset="UTF-8">
    				 <meta name="viewport" content="width=device-width, initial-scale=1.0">
   				 <title> </title>
			</head>
			<body>
				
			</body>
			</html>

Your webpage should include the following components:

1. Title

Add a title to your webpage in the head section (e.g., "John Doe's Homepage").

2. Introduction Paragraph

Please write a paragraph to introduce yourself. In your paragraph, include details such as your name, where you're from, your academic interests, and what you're passionate about. You can also mention your hobbies, goals, or anything that helps others get to know you better. This is your chance to share a little bit about yourself with your webpage visitors, so feel free to include any interesting personal information you'd like to highlight!

3. Image

Please display an image that represents something you love or find meaningful, such as your favorite photo, artwork, or a picture of a place you like. You can resize the image using the width and height attributes to adjust its dimensions to fit your webpage properly. You may use an online image or a local file (if using a local image, make sure to upload it with your submission). If you use an image from the internet or download it from a website, make sure to give credit to the original creator and follow copyright rules by mentioning where the image is from.

4. Hyperlink

Please add a hyperlink to your favorite website. A hyperlink allows users to navigate to another webpage when they click on the link. Ensure the link is clearly labeled and directs to an external website of your choice.

5. List

Please create a bulleted list of your hobbies, interests, or foods you enjoy. You can include any activities, sports, interests, or foods that you like. Be sure to use a different bullet style other than the default one.

6. Table

Please include a table that lists your favorite movies, books, songs, TV shows, or any other things that you love. For example:

Movie Title	Director	Year
The God Father	Francis Ford Coppola	1972
Forrest Gump	Robert Zemeckis	1994

7. Bookmark

Please add a bookmark at the bottom of your webpage to allow users to quickly navigate back to the top of your webpage. This will improve the user experience, especially for longer pages.

8. Headings

Please use different heading tags (e.g., <h1>, <h2>, etc.) to separate each part of your webpage. Use headings with varying levels of importance.

9. Text Formatting

Please apply formatting (e.g., bold, italic, marked) to highlight important content or sections of your webpage.

10. Comments

Please add the necessary comments to your webpage, explaining different sections or components.

Step 2: Submit

Please submit your ola1.html in D2L.

Grading

There are 100 points in total. 10 points for each of the parts from 1 to 10 in Step 1.

If you have any questions, please feel free to reach out to me at Xin.Yang@mtsu.edu or stop by my office in ROTC annex 113E.