Skip to content

Rtyrrx/Assignment-1---First-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

My First Webpage

Student Name: Bek Madias Course: WEB Technologies 1 (Front End)
Instructor: Assel Alimzhan Date: 13/09/2025


1. Objective

The objective of this assignment was to create a basic HTML webpage named ass1.html that demonstrates fundamental web development concepts. The webpage had to include properly structured text, lists, images, links, tables, buttons, emojis, and forms. The task also aimed to improve understanding of HTML syntax, code organization, and webpage structure while encouraging personalization.


2. Description of Steps Taken

Step 0: HTML Boilerplate

  • Created a new file index.html.
  • Added the basic structure: <!DOCTYPE html>, <html>, <head>, <title>, and <body>.
  • Titled the page “My First Webpage.”

Step 1: Structured Text

  • Added headings <h1>, <h2>, <h3> for name, course, and section "About Me."
  • Wrote a short paragraph introducing myself.

Step 2: Lists

  • Created an ordered list (<ol>) for hobbies.
  • Created an unordered list (<ul>) for favorite websites.

Step 3: Images and Links

  • Inserted a personal photo using the <img> tag.
  • Added clickable links to OpenAI and GitHub with <a>.

Step 4: Button

  • Added a simple button labeled “Click Me” (no functionality required).

Step 5: Table

  • Created a 3-column table for Subject, Day, and Time.
  • Entered a simple weekly class schedule.

Step 6: Layout Using Table (Optional Challenge)

  • Designed a two-column table: left side for a menu, right side for main content.

Step 7: Emojis

  • Added three emojis (😃, 💪, 🍕) to a paragraph describing my mood.

Step 8: HTML Form

  • Created a form with input fields for Name, Email, Favorite Color, and a Submit button.

3. Reflection

Through this assignment, I learned the fundamentals of HTML and how to create a basic webpage from scratch. I now understand how different tags work together to structure text, display media, and collect user input. The optional challenge of using tables for layout helped me realize why CSS is usually preferred for modern web design. Overall, this project gave me confidence in building and presenting my first webpage.


2025-09-15_17-24-30

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages