<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #banner{ width: 500px; height:200px; background: red; } #menu{ width:500px; height: 80px; background: black; } #content{ width: 500px; height: 380px; background: green; } </style> </head> <body> <div id="banner">Banner</div> <div id="menu">Menu</div> <div id="content">Content <form method="post" action="傳送位置"></br> Name:<input type="text" name="name"></br> Phone<input type="text" name="phone"></br> Gender<input type="radio" name="gender" value="male" checked> <input type="radio" name="gender" value="female" checked> <input type="radio" name="gender" value="else" checked> car: <select name="car"> <option value="Volvo">Volvo</option> <option value="Saad">Saad</option> <option value="Fiad">Fiad</option> <option value="Audi">Audi</option> </select></br> Quantity: <input type="number" name="Quantity" min="0" max="100" value="30"></br> FirstName: <input type="text" name="firstname" value="Jhon" disabled=""></br> <input type="submit" name="submit"></br> </form> <h1>高效率團隊協作、權限設定控管隱私</h1> 跨越時空協作 超快即時協作，讓遠端團隊感覺近在咫尺。文件更新通知，讓您跨越時間同步進度 輕鬆共享知識 共享所有團隊文件，讓知識及進度一目瞭然，共用團隊範本讓文件格式保持一致 分級保護隱私 依照需求為內部或外部夥伴細緻設定不同權限，私人圖床更保護機密 <h3> ID和class有甚麼差別 </h3> class可以多重使用相同得值但id只能使用一個 </div> </body> </html>