<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> li{ list-style-type: square; } #banner{ width: 100%; height:100%; background:red; } #menu{ width: 100%; height:100%; background:blue; } #concat{ width: 100%; height:100%; background:yellow; } .box{ float:left; width: 50px; height:50px; margin: 5px; background: white; } </style> </head> <body> <div id=banner>banner</div> <div id=menu>menu</div> <div id=concat>concat <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> <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>male <input type="radio" name="gender" value="Female" checked>Female <input type="radio" name="gender" value="Other" checked>Other<br> 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> Select time: <input type="time" name="usertime"><br> First name: <input type="text" name="fristname" value="John" disabled=><br> <input type="submit" value="submit"> </form> <h1>食物</h1> <p>食物通常以碳水化合物、脂肪、蛋白質或水構成，能夠藉由進食或是飲用為人類或者生物提供營養[1]或愉悅的物質。食物的來源可以是植物、動物或者其他界的生物，例如真菌，亦或發酵產品像是酒精。生物攝取食物後，被生物的細胞同化，提供能量，維持生命及刺激成長。 在歷史上，人類主要是透過狩獵採集者及耕種兩種方式獲得食物，其餘的還有畜牧、釣魚等。現在日益增加的世界人口中，大部份需要的食物熱量是由食品產業提供。</p> <p>有許多機構在監控食品衛生及食品安全，包括國際食品保護協會、世界資源研究所、世界糧食計劃署、聯合國糧食及農業組織、國際食品信息理事會以及亞太無添加餐飲食品發展促進會。他們關注的議題包括可持續性、生物多樣性、氣候變化、營養人類學、人口自然增長率、供水、食品製造技術改善及食品安全。</p> <p>食物權是經濟、社會及文化權利國際公約（ICESCR）提出的人權之一 ， 認可「有適當生活水平的權利，包括適當的食物」也就是「免於飢餓的自由。」</p> </div> <h3> id和class有何差異 </h3> <p> id:不能重複使用的代號，格式是 #名稱 </p> <p> class可重複使用的代號, 格式是 .名稱 </p> </body> </html>