亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

使用HTML標(biāo)簽制作簡單的導(dǎo)航和課程表

1.制作簡單的圖文列表

<ui>
   <li><a href=""><img src="圖片url" alt="" width="200"></a></li>
   <li><a href=""><img src="圖片url" alt="" width="200"></a></li>
   <li><a href=""><img src="圖片url" alt="" width="200"></a></li>
 </ui>

效果：

2.制作簡單的導(dǎo)航

<ol>
        <li><a href="頁面URL">關(guān)于我們</a></li>
        <li><a href="頁面URL">聯(lián)系我們</a></li>
        <li><a href="頁面URL">幫助</a></li>
</ol>

效果：

3.制作簡單的友情鏈接

<dl>
        <dt>友情鏈接</dt>
        <dd><a href="www.baidu.com">百度</a></dd>
        <dt>友情鏈接</dt>
        <dd><a href="ipnx.cn">php中文網(wǎng)</a></dd>
        <dt>友情鏈接</dt>
        <dd><a href="www.163.com">網(wǎng)易</a></dd>
    </dl>

效果：

4.制作簡單的課程表

<table border="1" style="text-align: center;">
        <caption>課程表</caption>
        <thead>
            <tr bgcolor="green">
                <th>時(shí)間</th>
                <th>星期一</th>
                <th>星期二</th>
                <th>星期三</th>
                <th>星期四</th>
                <th>星期五</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="4" >上午<br/>8:00-11:50</td>
                <td>語文</td>
                <td>語文</td>
                <td>數(shù)學(xué)</td>
                <td>英語</td>
                <td>數(shù)學(xué)</td>
            </tr>
            <tr>
                <td>數(shù)學(xué)</td>
                <td>英語</td>
                <td>音樂</td>
                <td>美術(shù)</td>
                <td>體育</td>
            </tr>
            <tr>
                <td>語文</td>
                <td>數(shù)學(xué)</td>
                <td>語文</td>
                <td>英語</td>
                <td>語文</td>
            </tr>
            <tr>
                <td>英語</td>
                <td>語文</td>
                <td>英語</td>
                <td>語文</td>
                <td>英語</td>
            </tr>
            <tr bgcolor="yellow">
                <td colspan="6">中午休息</td>
            </tr>
            <tr>
                <td rowspan="3">下午<br/>13:30-13:30</td>
                <td>美術(shù)</td>
                <td>音樂</td>
                <td>語文</td>
                <td>數(shù)學(xué)</td>
                <td>體育</td>
            </tr>
            <tr>
                <td>體育</td>
                <td>美術(shù)</td>
                <td>數(shù)學(xué)</td>
                <td>語文</td>
                <td>美術(shù)</td>
            </tr>
            <tr>
                <td>音樂</td>
                <td>體育</td>
                <td>英語</td>
                <td>英語</td>
                <td>音樂</td>
            </tr>
        </tbody>
        <tfoot>
            <tr bgcolor="yellow">
                <td>備注：</td>
                <td colspan="5">下午放學(xué)后需要做完作業(yè)才可以回家</td>
            </tr>
        </tfoot>
    </table>

效果：

學(xué)習(xí)總結(jié)

標(biāo)簽元素的屬性和語義化布局

1.通用屬性：ID,CLASS,STYLE,幾乎所有的元素都有。

id: 唯一元素
class: 同類元素
style: 自定義某個(gè)元素樣式

2.預(yù)置屬性：

a標(biāo)簽里的href和img標(biāo)簽里的src就是預(yù)置屬性。
ID,CLASS,STYLE,也是預(yù)置屬性，只不過幾乎所有的元素都會有。

3.事件屬性：有一個(gè)通用前綴: on+事件名稱: 事件屬性

<button onclick="alert('提交成功')">提交</button>

4.自定義屬性：有一個(gè)通用前綴: “data-“

v-model , v-for, v-bind, 都是自定義屬性

5.語義化布局：HTML5定義了一種新的語義化標(biāo)簽來描述元素的內(nèi)容，讓很多更語義化的結(jié)構(gòu)化代碼標(biāo)簽代替大量無意義的<div>標(biāo)簽

批改老師：PHPz

批改狀態(tài)：合格

老師批語：