ABOUT US - HackMD

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> li{ list-style-type: square; } #banner{ width: 100%; height: 500px; background: green; } #menu{ width: 100%; height: 200px; background: blue; } #content{ width: 100%; height: 200px; background: black; color: white; } .box{ width: 500px; height: 200px; } </style> </head> <body> <div id="banner"> <h1>ABOUT US</h1> <p>For all the times that you rain on my parade And all the clubs you get in using my name You think you broke my heart, oh girl for goodness sake You think I'm crying, on my own well I ain't</p> <h1>TEAM</h1> <p>And I didn't wanna write a song 'cause I didn't want anyone thinking I still care I don't but, you still hit my phone up And baby I be movin' on and I think you should be somethin' I don't wanna hold back, maybe you should know that My mama don't like you and she likes everyone And I never like to admit that I was wrong And I've been so caught up in my job, didn't see what's going on But now I know, I'm better sleeping on my own</p> <h1>PRODUCT</h1> <p>'Cause if you like the way you look that much Oh baby you should go and love yourself And if you think that I'm still holdin' on to somethin' You should go and love yourself</p><br><br> </div> <div id="menu"> <form method="POST" action="傳值位置"> Name: <input type="text" name="name"><br> Phone: <input type="tel" name="Phone"><br> Gender: <input type="radio" name="gender" value="male">Male <input type="radio" name="gender" value="female">Female <input type="radio" name="gender" value="other">Other<br> Car: <select name="cars"> <option value="a1">A1</option> <option value="a2">A2</option> <option value="a3">A3</option> <option value="a4">A4</option> </select><br> Quantity: <input type="numder" name="quantity" min="0" max="100" step="10" value="30"><br> Select a time: <input type="time" name="usr_time"><br> First name: <input type="text" name="firstname" value="Melody" disabled><br> <input type="submit" value="Submit"><br><br> </form> </div> <div id="content"> <a href="http://google.com.tw" target="_blank">google</a> <span><a href="http://google.com.tw" target="_blank"></a></span> <div id="box">1</div> <div id="box">2</div> <div id="box">3</div> <div id="box">4</div> </div> <h3>class與id有何差異?</h3> <p> 1.在HTML中ID只能被使用一次，而CLASS可被重複使用<br> 2.javascript中ID可以被使用，CLASS則不行。<br> </p> </body> </html>