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

搜索
博主信息
博文 32
粉絲 1
評論 0
訪問量 36387
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
HTML的常用標(biāo)簽屬性 - PHP培訓(xùn)第九期線上班
淡月
原創(chuàng)
1053人瀏覽過

  1. 描述HTML與HTTP是什么,他們之間有什么聯(lián)系?

    HTML:超文本標(biāo)記語言。

    HTTP:超文本傳輸協(xié)議。

    HTML是通過HTTP協(xié)議將它從服務(wù)器傳輸?shù)奖镜胤?wù)器，經(jīng)過瀏覽器解析，再顯示在頁面上。

    手抄作業(yè) 

    C26374528144D090336B2CDDA71D2BB0.jpg

  2.  制作一個導(dǎo)航,要求使用到列表,鏈接,圖片,并使用圖片做為鏈接元素 



    實例

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>導(dǎo)航列表</title>
</head>
<body>
<ul style="list-style: none">
    <h1>制作一個導(dǎo)航,要求使用到列表,鏈接,圖片,并使用圖片做為鏈接元素</h1>
    <li><a href="http://ipnx.cn/">PHP中文網(wǎng)</a></li>
    <li><a href="https://www.html.cn">HTML中文網(wǎng)</a></li>
    <li><a href="http://ipnx.cn/course/1078.html"><img src="https://img.php.cn/upload/course/000/000/014/5db2b53c67bca626.jpg"></a></li>
</ul>
</body>
</html>

    運行實例 ?

    點擊 "運行實例" 按鈕查看在線實例        手抄作業(yè)E9DD56B06E14BFDB528C1B98C665FBEA.jpg

  3. 制作一張商品信息表, 要求用到標(biāo)題, 頭部與底部, 行與列方向的合并


    實例

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品信息</title>
</head>
<body>

<h2>制作一張商品信息表, 要求用到標(biāo)題, 頭部與底部, 行與列方向的合并</h2>

<table border="1"cellspacing="0"cellpadding="5">
    <caption><h0>商品信息</h0></caption>
    <thead >
    <tr bgcolor="aqua">
        <th>編號</th>
        <th>名稱</th>
        <th>單價</th>
        <th>數(shù)量</th>
        <th>金額</th>
    </tr>
    </thead>

    <tbody>
    <tr>
        <td>1</td>
        <td>華為</td>
        <td>12000</td>
        <td>2</td>
        <td>24000</td>
    </tr>
    <tr>
        <td>2</td>
        <td>蘋果</td>
        <td>18000</td>
        <td>2</td>
        <td>36000</td>
    </tr>
    </tbody>

    <tfoot>
    <tr>
        <td colspan="3"align="center">合計</td>
        <td>4</td>
        <td>50000</td>
    </tr>
    </tfoot>
</table>

</body>
</html>

    運行實例 ?

    點擊 "運行實例" 按鈕查看在線實例     手抄作業(yè)62068232682A889B96DCBF83E5576F75.jpgCD3AD8A5E58912A71868F0D3AD4D2314.jpg

  4. 制作一張完整的用戶注冊表單, 要求盡可能多的用到學(xué)到的表單控件



    實例

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用戶注冊</title>
</head>
<body>
<h3>制作一張完整的用戶注冊表單, 要求盡可能多的用到學(xué)到的表單控件</h3>

<h0>用戶注冊</h0>

<form action="login.php"method="post">

    <p>
        <label for="username">賬號：</label>
        <input type="text"id="username" name="username"value="">

    </p>

    <p>
        <label for="password">密碼：</label>
        <input type="password"id="password" name="password"placeholder="不能少于六位">
    </p>
    <p>
        <label for="age">年齡：</label>
        <input type="number"id="age" name="age"mid="16"max="80">
    </p>
    <p>
        <label for="">課程</label>

        <select name="coures" id="">
            <optgroup label="前端">
                <option value="">請選擇</option>
                <option value="">html5</option>
                <option value="">css3</option>
                <option value="">JavaScript</option>
            </optgroup>

            <optgroup label="后端">
                <option value=""selected>php</option>
                <option value="">mysql</option>
                <option value="">laravel</option>

            </optgroup>
        </select>
    </p>
    <p>
        <label for="">性別</label>
        <input type="radio"name="gender"id="male"checked><label for="male">男生</label>
        <input type="radio"name="gender"id="female"><label for="female">女生</label>
        <input type="radio"name="gender"id="secrecy"><label for="secrecy">保密</label>
    </p>
    <p>
        <label for="">愛好</label>
        <input type="checkbox"name="hobby[]"value="game"id="game"><label for="game">玩游戲</label>
        <input type="checkbox"name="hobby[]"value="programme"id="programme"><label for="programme">擼代碼</label>
        <input type="checkbox"name="hobby[]"value="movies"id="movies"><label for="movies">看電影</label>
    </p>
    <p>
        <label for="photo">頭像上傳</label>
        <input type="file"name="photo"id="photo">

    </p>
    <p>
        <button>提交</button>
    </p>

</form>

</body>
</html>

    運行實例 ?

    點擊 "運行實例" 按鈕查看在線實例      手抄作業(yè)CFF60B5F291E33F8BC754543F43B1A83.jpgA870115402DDEBE78AEE2BBC14AE147A.jpgF79AA2165DFC856F63C18612636D47FF.jpg

  5. 制作一個網(wǎng)站后面, 要求使用`<iframe>`內(nèi)聯(lián)框架實現(xiàn)


    實例

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>內(nèi)聯(lián)框架</title>
</head>
<body>
<h4>制作一個網(wǎng)站后面, 要求使用iframe內(nèi)聯(lián)框架實現(xiàn)</h4>
<ul style="list-style: none">
    <li><a href="1.html">導(dǎo)航列表</a></li>
    <li><a href="2.html">商品列表</a></li>
    <li><a href="3.html">用戶注冊</a></li>
</ul>

<iframe srcdoc="<h2>歡迎使用后臺</h2>" frameborder="1"name="content"width="530"height="450"></iframe>
</body>
</html>

    運行實例 ?

    點擊 "運行實例" 按鈕查看在線實例    手抄作業(yè)7BEAC9CFF18851610948EE0A19711C63.jpg

  6. 總結(jié): 為什么推薦使用語義化的標(biāo)簽?

    有利于SEO，有利于搜索引擎爬蟲更好的理解我們的網(wǎng)頁，從而獲取更多的有效信息，提升網(wǎng)頁的權(quán)重。便于團(tuán)隊開發(fā)和維護(hù)，語義化的HTML可以讓開發(fā)者更容易的看明白，從而提高團(tuán)隊的效率和協(xié)調(diào)能力。標(biāo)簽語義化有助于構(gòu)架良好的HTML結(jié)構(gòu)，有利于搜索引擎的建立索引、抓取
    有利于不同設(shè)備的解析（屏幕閱讀器，盲人閱讀器等）滿是div的頁面這些設(shè)備如何區(qū)分那些是主要內(nèi)容優(yōu)先閱讀
    有利于構(gòu)建清晰的機(jī)構(gòu)，有利于團(tuán)隊的開發(fā)、維護(hù)

    手抄作業(yè)A4F997CD833EF0B9A9E7224093D95487.jpg


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

老師批語：寫得不錯, 就是手機(jī)的對焦效果一般
本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報處理！
全部評論 文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務(wù)協(xié)議
0條評論
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

    • 登錄PHP中文網(wǎng)，和優(yōu)秀的人一起學(xué)習(xí)！
    全站2000+教程免費學(xué)