HTML assignments questions

Basic programs

1. Create a webpage with the title "CAPSCOM TECHNOLOGY COMPUTER EDUCATION"
2. Create a webpage with a meta tag description.
3. Define webpage language "en"
4. Create a webpage with the background color "sky-blue"
5. Create a webpage and save it with the name "Register.html"
6. Create a webpage saved with the name "about_us.html" within a folder named "project".
7. Create a webpage that contains the text "New Blog" with color "Red", face "Jokerman" and has font-size "4"
8. Create a webpage that displays H₂SO₄ 
9. Create a webpage with a paragraph that has more than 250 words.
10. Create a webpage with the text "CAPSCOM TECHNOLOGY" in bold, italic, and underline.
11. Display given mathematics basic formula (a+b)²=a²+2ab+b²
12. Insert horizontal line with color "orange" and webpage has background-color "navy blue"

List-based programs

1. Create a list as given below.

List of fruits

1. 1. Mango
   2. Apple
   3. Grapes
   4. Papaya
   5. Orange

• Ajay
  • Address: Almora
  • Mobile: 7579237515
  • country: India
• Rama
  • Address: Almora
  • Mobile: 7579237515
  • country: India
• Umesh
  • Address: Almora
  • Mobile: 7579237515
  • country: India
• Ankit
  
  • Address: Almora
  • Mobile: 7579237515
  • country: India
• Prakash
  • Address: Almora
  • Mobile: 7579237515
  • country: India

3. Create a list of eCommerce website products as given below.

1. Mouse
   1. Price: 250
   2. Qty: 10
2. Monitor
   1. Price: 4500
   2. Qty: 3
3. Printer
   1. Price: 9000
   2. Qty: 4
4. UPS
   1. Price: 12000
   2. Qty: 4
5. CPU
   1. Price: 15000
   2. Qty: 2
6. Keyboard
   1. Price: 340
   2. Qty: 10
7. Modem
   1. Price: 2200
   2. Qty: 2
8. Laptop
   1. Price: 35000
   2. Qty: 2
9. Mobile
   1. Price: 12000
   2. Qty: 6
10. Camera
    1. Price: 85000
    2. Qty: 1

Programs based upon the path.

1. Create a given project directory

1. Create a link from about_us.html to home.html
   
2. Create a link from home.html to gallery.html
3. Create a link from gallery.html to about_us.html
   

Program based upon the table

1. Create the table as given below

   1. Name	Price	Qty
      LG Monitor@23	12000	10
      Acer UPS@90	9000	90
      HP Printer@450	8400	15

   2. Student Name	Hindi marks	English Marks	Science Marks	SST Marks	Math Marks
      Pankaj Singh	89	88	43	90	90
      Ajay Prasad	90	23	87	65	92

   3. 	Average		Red eyes
      	height	weight
      Males	1.9 m	45 kg	40%
      Females	1.7 m	80 kg	43%

   4. 65		40		20
      Men	Women	Men	Women	Men	Women
      82	85	78	82	77	81

Static website using HTML only.

1. Create one folder with the name Project
2. Create one child folder named images.
3. under the parent folder create 4 pages named as given below. (*make sure every page is a sibling of images folder)
   1. index.html
   2. about_us.html
   3. our_team.html
   4. gallery.html
4. index page must contain
   1. One heading tag(h1) with the main text
   2. One image
   3. Three paragraphs and each paragraph must contain more than 400 words about any object.
5. about us page must contain
   1. one heading tag(h1) with the main text
   2. one image
   3. and one long paragraph about the organization or anything, text length must be greater than 1000 words.
6. Gallery page must contain
   1. Atleast 20 images with proper order
   2. every image must have alt attribute with proper meaningful text.
   3. Every image size should be as given below.
      1. width: 25%
      2. height: 220 (pixel)
7. Every page must be linked with each other so that users do not need to write page addresses at URL.

Form-based questions

1. Create the form, form must have given fields.
   

   Field name	Type	Other Attributes
   First name	Text	name, value, required, id
   Last name	Text	name, value, required, id
   Email id	Email	name, value, required, id
   Mobile Number	Number	name, value, required, id
   Submit button	Submit	value("Sign up"), name("sign_up")

   
   
   1. Note: value in name attribute must be separated with an underscore
   2. Every input field must have a label field with for attribute which should have value same as the value of id attribute given in input field.
2. Create the form, the form must have given fields.
   

   Field name	Type	Other attributes
   School	Select	name, required, id

   
   Note: school fields should have at least 5 options, in which 4th option must be auto-selected.
3. Create the form, the form must have given fields.
   

   Field name	Type	Other attributes
   School	Radio	name, value(each school name)

   
   Note: there should be at least 5 school names.
4. Create the form, the form must have given fields.
   

   Field name	Type	Other attributes
   Write something about you	Textarea	name, rows(5), cols(80), id, required

   
   
   
5. Create the form, the form must have given fields.
   

   Field name	Type	Other attributes
   Student name	Text	name, value, id, required, placeholder
   Father name	Text	name, value, id, required, placeholder
   Date of birth	Date	name, id, required, placeholder
   Mobile number	Number	name, id, required, placeholder
   Local address	Textarea	name, id, required, placeholder
   Permanent address	Textarea	name, id, required, placeholder
   Choose Religion	Select	name, id, required
   Name on debit card	Text	name, id, required, placeholder
   Debit card number	Number	name, id, required, placeholder
   CVV	Number	name, id, required, placeholder
   Your favorite color	Color	name, id, required, placeholder
   Favorite food	Checkbox	name, value, checked(at least 2 option)
   User profile	File	name
   Email id	Email	name, id, required, placeholder
   Your favorite car's list	Checkbox	name, value, checked(at least 1 option)
   Leave feedback message	Textarea	name, id, required, placeholder
   Country	Text	name, id, required, placeholder, readonly
   State	Text	name, id, required, placeholder, disabled