---
# System prepended metadata

title: ACM learning note

---

# 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)

