標籤的兩個重要屬性

1.id屬性
2.class屬性
<div id='d1' class='c1'></div>
# id 屬性不能重複（身份證）
# class 是可以重複的

表格標籤

# border：邊框的寬度
# cellpadding：內容距離內邊框的距離
# cellspacing：單元格與單元格之間的距離
 <table border="1" cellpadding="10" cellspacing="5">
        <thead>
            <tr>
                <td>id</td>
                <td>name</td>
                <td>age</td>
                <td>gender</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td rowspan="2">ly</td>
                <td colspan="2">18</td>
<!--                <td>male</td>-->
            </tr>
            <tr>
                <td>2</td>
<!--                <td>kevin</td>-->
                <td>19</td>
                <td>female</td>
            </tr>
        </tbody>
    </table>
 

無序列表

1.#無序列表必須掌握 ul裡套li
    <ul type="circle">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
2.有序列表（瞭解）ol裡套li
        <ol type="A" start="2">
            <li>a</li>
            <li>b</li>
            <li>c</li>
            <li>d</li>
            <li>e</li>
            <li>f</li>
        </ol>
3.標題列表（瞭解）dl裡套dt和db
    <dl>
        <dt>標題</dt>
        <dd>內容</dd>
        <dt>標題</dt>
        <dd>內容</dd>
    </dl>
 

form表單

# 可以讓前端輸入的資料提交到後端
    /index/ # 他會自動幫你拼接 ip:port/index/
# 朝後端提交的地址
1.什麼都不寫，預設提交當地址
2.全寫：輸入個網址
3.只寫字尾：/index/ # 他會自動幫你拼接 ip:port/index/
修改請求方式：
    method="post"
 
'''
    請求資料格式：
        1. urlencode
        2. form-data
        3. json
'''
​
form表單只能提交：
    1. urlencode
    2. form-data
# 不能提交json格式的資料
​
提交json格式的資料：
    1. ajax
    2. api管理工具
​
 

結合後端驗證form表單如何提交資料

# 輕量級的Python框架：flask
安裝：pip install flask
'''form表單提交資料的時候，每一個標籤都應該有一個name屬性，否則，後端是接收不到的，而name的屬性值相當於字典的key，使用者資料相當於字典的value'''
​
form上傳檔案：
    1. 請求方式必須是post請求
    2. enctype='multipart/form-data'

CSS

簡介：層疊樣式表 style sheet
如何學習css？
    1.先學習如何查詢標籤
    2.再學習css的相關屬性
語法結構：
    <style>
        選擇器 {
            屬性名：屬性值
            屬性名：屬性值
            屬性名：屬性值
            屬性名：屬性值
        }
    </style>
選擇器：
    1. 基本選擇器（重要）
        id選擇器
        class選擇器
        標籤選擇器
        通用選擇器
    2. 屬性選擇器
        div[username='ly'] {
            color: red;
        }
    3. 偽類選擇器
        # 針對的是a標籤
    4. 偽元素選擇器
        
CSS註釋：
    /*
        這是css註釋
        這是css註釋
    */
        

選擇器的優先順序

1.選擇器相同的情況下
    就近原則，離誰越近就聽誰的，行內的優先順序最高
2.選擇器不同的情況下
    行內式 > id > class > 標籤

設定長寬

1.塊級元素可以設定長寬
2.行內元素不可以設定長寬
# 行內元素設定長寬之後不會報錯，只不過沒有效果而已

文字屬性

 p {
            font-size: 18px;
            /*font-weight: bold;*/
            /*如果是數字，範圍100-900之間的整數，數字越大，加粗程度越大*/
            /*font-weight: 500; */
            /*下劃線*/
            /*text-decoration: underline; */
            /*text-decoration: line-through;*/
            /*text-decoration: overline;*/
        }
​
        /*需要掌握的*/
        a {
            text-decoration: none;
        }