Posts

Showing posts from August, 2023

Html mini project 2

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < table border = "black" >       < caption > Student Information </ caption >         < tr >             < th rowspan = "6" > Info </ th >             < th rowspan = "2" > Name </ th >             < th colspan = "2" > Address </ th >         </ tr >         < tr >             < th > City </ th >             < th > House </ th >       ...

Change Background in html

  style="background-color:powderblue;"

Mini html practice

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < form action = "action/" >     < h2 > Regestration Form </ h2 >     < div >     < lable for = "firstname" ></ lable >     < input type = "text" id = "firstname" placeholder = "First Name" >     < lable for = "lastname" ></ lable >     < input type = "text" id = "lastname" placeholder = "Last Name" >     </ div >     < div >         Please select your gender         < select name = "gender" id = "gender" >             < option valu...

Text Area (Comments, Feedback)

Image
  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title > Document </ title > </ head > < body >   < form >     < div >       < lable for = "feedback" > Please provide your feedback: </ lable >       < textarea id = "feedback" ></ textarea >           </ div >     < hr >     Or     < hr >     < div >       < lable for = "feedback" > Please provide your feedback: </ lable >       < textarea id = "feedback" rows = "10" ></ textarea >     </ div >   </ form >   </ body > </ html >

Range Element

Image
  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title > Document </ title > </ head > < body >   < form >     < div >       < lable for = "Voloume" > Voloume: </ lable >       < input type = "range" min = "0" max = "100" >       </ div >   < hr >    Or     < hr >     < div >       < lable for = "Voloume" > Voloume: </ lable >       < input type = "range" min = "0" max = "100" step = "10" > </ div >   </ form >   </ body > </ html >

Select Element

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < h2 > Facebook </ h2 >     < form action = "/action" >       < div >         Choose Your Gender       < select name = "Gender" id = "Gender" >         < option > Select Your Option </ option >         < option value = "Male" > Male </ option >         < option value = "Female" > Female </ option >         < option value = "Basketball" > Basketball </ option >       </ div >       </ select >     ...

Radio element

Image
  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title > Document </ title > </ head > < body >   < form >         Choose your favorite Fruit     < div >       < input type = "checkbox" name = "Fruit" id = "banana" >     < lable for = "banana" > banana </ lable >     </ div >     < div >       < input type = "checkbox" name = "Fruit" id = "apple" >     < lable for = "apple" > Apple </ lable >     </ div >     < div >       < input type = "checkbox" name = "Fruit" id = "mango" >     < lable for = "mango" > mango </ lable >     </ div > ...

Form

Image
  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title > Document </ title > </ head > < body >   < h1 title = "Face" > Facebook </ h1 >   < form action = "action/" >   < div >   < label for = "Username" > Enter Your Username </ label >   < input type = "text" placeholder = "Username" id = "Username" name = "Username" >   </ div >   < div >   < label for = "password" > Enter your Passsword: </ label >   < input type = "password" id = "password" placeholder = "Password" name = "password" >   </ div >   < button type = "submit" > Login </ button >   ...

Table Practice Question

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < table border = "black" >         < thead >         < tr >             < th rowspan = "2" ></ th >             < th colspan = "2" > Average </ th >             < th rowspan = "2" > Red Eyes </ th >         </ tr >         < tr >             < th > Height </ th >             < th > weight </ th >         </ tr >    ...

Table In Html

Image
<! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >       < table border = "Grey" >         < caption > BCA(2023-2026) </ caption >             < tr >                 < th > Name </ th >                 < th > Roll Number </ th >             </ tr >             < tr >                 < td > Mohit Choubey </ td >                 < td > 1 </ td >          ...

Portfolio

Image
<! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Portfolio </ title > </ head > < body >   < header >     < h1 >< b > Mohit Choubey </ b ></ h1 >     < img src = "mohit.jpg" alt = "instagram" height = "100px" width = "100px" >   </ header >   < hr >   < section >     < H2 > < b > Education </ b ></ H2 >     < ol >         < li > 10th </ li >         < li > 12th </ li >         < li > BCA </ li >     </ ol >   </ section >   < hr >     < section >   < H2 >< b > Skills...