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

搜索
博主信息
博文 22
粉絲 1
評(píng)論 1
訪問(wèn)量 26586
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
HTML基礎(chǔ)標(biāo)簽示例-PHP培訓(xùn)十期線上班
Miss灬懶蟲(chóng)
原創(chuàng)
965人瀏覽過(guò)

html基礎(chǔ)標(biāo)簽

說(shuō)明包含在代碼注釋里面哦！

  1. <!--聲明文檔類(lèi)型-->
  2.     <!DOCTYPE html>
  3.     <!--html-->
  4.     <html lang="en">
  5.     <!--文檔頭部-->
  6.     <head>
  7.         <meta charset="UTF-8">
  8.         <title>HTML5 Page</title>
  9.     </head>
  10.     <!--頁(yè)面主體-->
  11.     <body>
  12.     <!--header標(biāo)簽，頁(yè)眉-->
  13.     <header>
  14.         <!--nav標(biāo)簽，表示導(dǎo)航-->
  15.         <nav>
  16.             <!--ul,為無(wú)序列表標(biāo)簽-->
  17.             <ul>
  18.                 <li>
  19.                     <!--a標(biāo)簽，href屬性說(shuō)明-->
  20.                     <!--默認(rèn)打開(kāi)href屬性值所鏈接的網(wǎng)址-->
  21.                     <a href="https://www.baidu.com" >home</a>
  22.                     <br>
  23.                     <!--如果鏈接的不是瀏覽器可以解析的文檔，則會(huì)自動(dòng)下載，但不打開(kāi)。例如 zip壓縮包-->
  24.                     <a href="images/dom.zip">ZIP</a>
  25.                     <br>
  26.                     <!--使用“mailto:” 發(fā)送電子郵件-->
  27.                     <a href="mailto:723648882@qq.com">發(fā)送郵件--723648882</a>
  28.                     <!--使用“tel:” 打電話-->
  29.                     <a href="tel:010-87**8198">致電客服</a>
  30.                 </li>
  31.                 <li>
  32.                     <!--a標(biāo)簽，target屬性說(shuō)明,若不寫(xiě)則默認(rèn)值為 target="_self"，即在當(dāng)前窗口打開(kāi)-->
  33.                     <!--target="_blank",在新窗口打開(kāi)-->
  34.                     <!--target="_parent",在當(dāng)前頁(yè)面的父頁(yè)面打開(kāi)-->
  35.                     <a href="#" target="_blank">about</a>
  36.                     <!--跳轉(zhuǎn)到錨點(diǎn)元素，所在的頁(yè)面位置-->
  37.                     <a href="#hello" target="_parent">錨點(diǎn)使用--跳轉(zhuǎn) ID：hello的標(biāo)簽所在位置</a>
  38.                     <br>
  39.                 </li>
  40.             </ul>
  41.         </nav>
  42.     </header>
  43.     <!--main標(biāo)簽，標(biāo)識(shí)頁(yè)面主體內(nèi)容-->
  44.     <main>
  45.         <!--article標(biāo)簽，引入外部?jī)?nèi)容，可獨(dú)立與文檔之外-->
  46.         <article>
  47.             <header>
  48.                 <H1 id="hello">文章標(biāo)題1</H1>
  49.                 <p>文章段落1</p>
  50.                 <time>2019-12-21 16:40:25</time>
  51.             </header>
  52.             <!--section標(biāo)簽，多用于章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分,一般包含h標(biāo)簽-->
  53.             <section>
  54.                 <h2>section標(biāo)簽的示例</h2>
  55.                 <p>這是一篇文章的段落。</p>
  56.                 <!--pre標(biāo)簽，能夠按照代碼的格式，將換行以及空格輸出到瀏覽器-->
  57.                 <!-- b,strong標(biāo)簽加錯(cuò)；i,em 是斜體-->
  58.                 <pre>
  59.                     <b>熟讀唐詩(shī)三百首</b>，
  60.                     <i>不會(huì)作詩(shī)也會(huì)吟。</i>
  61.                     <strong>熟讀唐詩(shī)三百首</strong>
  62.                     <em>不會(huì)作詩(shī)也會(huì)吟</em>
  63.                 </pre>
  64.             </section>
  65.             <p>今年雙十一，購(gòu)物車(chē)清空了嗎？</p>
  66.         </article>
  67.         <!--aside標(biāo)簽，多用于文章或頁(yè)面?zhèn)冗厵?->
  68.         <aside>
  69.             <!--有序列表-->
  70.             <ol>
  71.                 <li>有序列表1</li>
  72.                 <li>有序列表2</li>
  73.             </ol>
  74.             <!-- q標(biāo)簽，是短引用-->
  75.             <q>111</q>
  76.             <!--blockquote標(biāo)簽，是長(zhǎng)引用-->
  77.             <blockquote cite="http://ipnx.cn">
  78.                 <p>
  79.                     PHP中文網(wǎng)因?qū)I(yè)的講師水平和高效的視頻質(zhì)量，推出的各種視頻課程系列一直以來(lái)都深受大家喜愛(ài)。
  80.                     特別是《天龍八部》系列、《獨(dú)孤九賤》系列、《玉女心經(jīng)》系列的原創(chuàng)課程在行業(yè)內(nèi)更是具有強(qiáng)大
  81.                     的影響力，好評(píng)不斷！為了讓大家能更快速方便的尋找到相關(guān)教程資源，我們?cè)谶@篇文章中特意將
  82.                     《天龍八部》系列課程整理出來(lái)供大家有針對(duì)性得學(xué)習(xí)！
  83.                 </p>
  84.             </blockquote>
  85.         </aside>
  86.         <!-- HTML表格-->
  87.         <table>
  88.             <!--caption標(biāo)簽，是表格標(biāo)題-->
  89.             <caption>表格標(biāo)題</caption>
  90.             <!-- thead，表哥的表頭-->
  91.             <thead>
  92.                 <!--tr,行-->
  93.                 <tr bgcolor="#6495ed">
  94.                     <!--th，表頭列-->
  95.                     <th>編號(hào)</th>
  96.                     <th>類(lèi)型</th>
  97.                     <th>名稱(chēng)</th>
  98.                     <th>單價(jià)</th>
  99.                     <th>數(shù)量</th>
  100.                     <th>金額</th>
  101.                 </tr>
  102.             </thead>
  103.             <!--tbody標(biāo)簽，是表格內(nèi)容-->
  104.             <tbody align="center">
  105.                 <tr>
  106.                     <!--td標(biāo)簽，是單元格-->
  107.                     <!--rowspan屬性是“行間合并”，也就是跨行縱向合并！-->
  108.                     <!--colspan屬性是“列間合并”，也就是單行橫向合并！-->
  109.                     <td>1</td>
  110.                     <td rowspan="2">3C</td>
  111.                     <td>筆記本電腦</td>
  112.                     <td>8900</td>
  113.                     <td>1</td>
  114.                     <td>8900</td>
  115.                 </tr>
  116.                 <tr>
  117.                     <td>2</td>
  118.                     <td>數(shù)碼單反相機(jī)</td>
  119.                     <td>13800</td>
  120.                     <td>1</td>
  121.                     <td>13800</td>
  122.                 </tr>
  123.                 <tr>
  124.                     <td>3</td>
  125.                     <td>服飾</td>
  126.                     <td>冠軍衛(wèi)衣</td>
  127.                     <td>1000</td>
  128.                     <td>2</td>
  129.                     <td>2000</td>
  130.                 </tr>
  131.             </tbody>
  132.             <!--表格底部-->
  133.             <tfoot align="center">
  134.                 <tr>
  135.                     <!--colspan屬性是“列間合并”，也就是單行橫向合并！-->
  136.                     <td colspan="4">合計(jì)：</td>
  137.                     <td>4</td>
  138.                     <td>24700</td>
  139.             </tr>
  140.             </tfoot>
  141.         </table>
  142.         <!--內(nèi)聯(lián)框架-->
  143.         <!--默認(rèn)： <iframe src="" frameborder="0"></iframe>-->
  144.         <!--name屬性，是內(nèi)聯(lián)框架所鏈接頁(yè)面到“該框架”的入口，所以超鏈接的 target的值 == iframe標(biāo)簽中 “name”屬性的值。-->
  145.         <!--默認(rèn)src屬性值，可以填寫(xiě)一個(gè)默認(rèn)的HTML頁(yè)面鏈接-->
  146.         <!--srcdoc屬性，可是在值中“直接寫(xiě)入HTML代碼”，以簡(jiǎn)單實(shí)現(xiàn)后臺(tái)首頁(yè)功能-->
  147.         <a href="tableinfo.html" target="ifr_Page">最新文章列表</a>
  148.         <iframe src="table.html" frameborder="1" name="ifr_Page" width="600" height="400"></iframe>
  149.         <!--進(jìn)度條,如果瀏覽器不支持該標(biāo)簽，則顯示內(nèi)容部文本：已完成60%-->
  150.         <p>
  151.             <progress value="60" max="100">已完成60%</progress>
  152.         </p>
  153.     </main>
  154.     <!--footer標(biāo)簽，用于頁(yè)腳-->
  155.     <footer>
  156.         <!--span標(biāo)簽，多用于對(duì)文本內(nèi)的部分內(nèi)容進(jìn)行操作-->
  157.         <!-- time 包含時(shí)間，address包含地址，code包含代碼-->
  158.         <p>
  159.             PHP中文網(wǎng)培訓(xùn)-10期-懶蟲(chóng)，
  160.             版本號(hào)：<del>1.0</del>,<span style="color: red">1.1</span>，
  161.             更新時(shí)間：<time>2019-12-21</time>
  162.         </p>
  163.             聯(lián)系地址：<address>中國(guó).北京市.東城區(qū)</address>
  164.     </footer>
  165.     </body>
  166.     </html>

手抄表單標(biāo)簽


批改老師：天蓬老師天蓬老師

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

老師批語(yǔ)：標(biāo)簽雖然多, 常用就那幾個(gè), 是不是挺簡(jiǎn)單的?
本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！
全部評(píng)論 文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議
0條評(píng)論
作者最新博文
關(guān)于我們 免責(zé)申明 意見(jiàn)反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長(zhǎng)！
關(guān)注服務(wù)號(hào) 技術(shù)交流群
PHP中文網(wǎng)訂閱號(hào)
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號(hào)
發(fā)現(xiàn)有趣的

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

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