# ACM learning note ## HTML exercise_1 ![](https://i.imgur.com/BeF4LC7.jpg) ### Code: ``` <!DOCTYPE html> <html> <head> <title> HTML exercise_1 </title> </head> <body> <h1> html練習 </h1> <br/> <br/> <p> <b>20220628</b> </p> <p> <b>今天好熱</b> </p> <hr/> <ol type="1." style="color:red"> <li>python</li> <li>html</li> </ol> <table width="300" style="color:red"> <tr> <td>日期</td> <td>7/1</td> <td>7/2</td> <td>7/3</td> </tr> <tr> <td>天氣</td> <td>雷暴</td> <td>下雨</td> <td>雷暴</td> </tr> </table> <div style="color:red"> <ol type="1."> <li>python</li> <li>html</li> </ol> <table width="300"> <tr> <td>日期</td> <td>7/1</td> <td>7/2</td> <td>7/3</td> </tr> <tr> <td>天氣</td> <td>雷暴</td> <td>下雨</td> <td>雷暴</td> </tr> </table> </div> <hr/> <span>span寬度是多少占用的空間就是多少</span> <div>div</div> <div>不管寬度是多少就是占用一整行</div> <hr/> <form action="/formprocess.php" method="post"> <p>Name:</p> <input type="text" placeholder="你的名字"/> <p>Email:</p> <input type="text"/> <p>Comments:</p> <textarea rows="10" cols="10">你的留言</textarea> <p>請問你最有興趣學習的技術:</p> <input type="radio">HTML<br/> <input type="radio">CSS<br/> <input type="radio">JavaScript<br/> <input type="submit" value="送出資料"> </form> </body> </html> ``` ![](https://i.imgur.com/4OB0mod.gif)