整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          CSS 列表欄(li)如何顯示豎線

          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8" />
          <title>Document</title>
          <style type="text/css">
          *{
          margin: 0;
          padding: 0;
          list-style-type: none;
          }
          ul{
          width: 1200px;
          height: 40px;
          line-height: 40px;
          margin: 50px auto;
          }
          ul>li{
          float: left;
          width: 120px;
          height: 40px;
          cursor: pointer;
          text-align: center;
          position: relative; /* 相對定位 */
          }
          ul>li:hover{
          background-color: deepskyblue;
          }
          /* 豎線 */
          li:after{
              content: '';
              width: 1px;
              height: 16px;
              display: inline-block;
              background-color: #000;
              position: absolute;
              right: 0;
              top: 12px;
          }
          li.last:after{
          display: none;
          }
          </style>
          </head>
          <body>
          <ul>
          <li>首頁</li>
          <li>
          公司動態
          </li>
          <li>新聞中心
          </li>
          <li>企業風采</li>
          <li class="last">關于我們</li>
          </ul>
          </body>
          </html>
          

          用content: '';樣式實現

          語言

          描述

          結構

          HTML

          網頁元素和內容

          表現

          CSS

          網頁元素頁面樣式

          行為

          JavaScript

          網頁交互

          1 HTML概念

          HTML,超文本標記語言(Hyper Text Markup Language),是一門描述性語言。標記,標簽,元素,叫法不同,意思相同。HTML超文本標記語言主要通過標簽的方式,對網頁頁面的文本、圖片、音頻、視頻等內容進行描述。學習HTML,就是學習各種標簽,來搭建網頁的結構。

          2 HTML結構

          結構:!DOCTYPE

          說明:作用是告訴瀏覽器用哪個文檔規范來解析文檔

          標簽:html

          說明:用于搭建HTML網頁文檔結構和網頁布局


          ?標簽:head

          說明:用于定義HTML網頁文檔的頭部,它是所有頭部元素的容器?


          ?標簽:body

          說明:用來定義HTML網頁文檔的主體區域?


          ?標簽:meta

          說明:用來描述HTML網頁文檔的屬性?


          ?標簽:title

          說明:用來放到HTML網頁文檔的頭部,是搜索引擎首要抓取的目標代碼?


          ?2.1 標簽

          標簽,也叫作標記,是由一對尖括號<>,里面包含單詞組成

          2.1.1 雙標簽

          <html></html>

          2.1.2 單標簽

          <br>

          2.1.3 標簽關系

          嵌套關系

          <html>
              <head>
              </head>
          </html>

          并列關系

          <head>
          </head>
          <body>    
          </body>

          3 注釋

          注釋用來幫助程序員記錄程序設計方法,輔助程序閱讀

          4 head標簽

          4.1 title標簽

          雙標簽,定義網頁的標題

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="utf-8">
              <title>百度一下,你就知道了</title>
          </head>
          <body>
          
          </body>
          </html>

          4.2 meta標簽

          是單標簽,用來描述HTML網頁文檔的屬性

          4.2.1 name屬性

          屬性值

          說明

          keywords

          網頁關鍵字,多個逗號隔開

          description

          網頁描述

          author

          作者

          copyright

          版權信息

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <!-- 網頁關鍵字 -->
              <meta name="keywords" content="html,css,javascript">
              <!-- 網頁描述 -->
              <meta name="description" content="基礎前端知識">
              <!-- 網頁作者 -->
              <meta name="author" content="buddha">
              <!-- 網頁版權信息 -->
              <meta name="copyright" content="版權所有,翻版必究">
          </head>
          <body>
          
          </body>
          </html>

          標簽屬性:

          1、標簽的屬性寫在開始標簽內部

          2、標簽名與屬性之間要有空格隔開

          3、一個標簽可以同時存在多個屬性

          4、屬性之間以空格隔開

          5、屬性沒有先后順序之分

          4.2.2 http-equiv屬性

          屬性值

          說明

          Content-Type

          定義網頁所使用編碼

          refresh

          定義網頁自動刷新跳轉

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <!-- 設置網頁編碼完整寫法 -->
              <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
              <!-- 設置網頁編碼簡寫寫法 -->
              <meta charset="UTF-8">
              <!-- 網頁打開3秒后跳去百度 -->
              <meta http-equiv="refresh" content="3;url=https://www.baidu.com">
          </head>
          <body>
          
          </body>
          </html>

          4.3 style標簽

          是雙標簽,用來定義標簽的css樣式

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <style type="text/css">
                  /* css內聯樣式寫這里 */
              </style>
          </head>
          <body>
          
          </body>
          </html>

          4.4 link標簽

          是單標簽,是用來引入外部css樣式文件

          <link rel="stylesheet" href="css/index.css" type="text/css">

          4.5 script標簽

          是雙標簽,是用來寫JavaScript代碼的地方

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <script>
                  /* 這里寫JavaScript代碼 */
              </script>
          
          </head>
          <body>
          
          </body>
          </html>

          4.6 base標簽

          是單標簽,是用來設置整個網頁的基礎路徑。

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <base href="https://pic.rmb.bdstatic.com">
          
          </head>
          <body>
              <img src="bjh/news/e7fb4c2be6a2e439ff7e3197fa205d8f1336.gif">
          </body>
          </html>

          開發中很少用到,有人使用知道就行

          上面所述標簽是放在head標簽里的,接下來接觸的標簽都是放在body標簽內的

          5 文本標簽

          5.1 標題標簽

          是雙標簽,h是header的縮寫

          <h1>h1標簽:一級標題</h1>
          <h2>h2標簽:二級標題</h2>
          <h3>h3標簽:三級標題</h3>
          <h4>h4標簽:四級標題</h4>
          <h5>h5標簽:五級標題</h5>
          <h6>h6標簽:六級標題</h6>

          特點:

          1、字體加粗

          2、獨占一行

          3、從h1到h6,字體逐漸減小

          4、使用<h>標簽的主要意義是告訴搜索引擎這是一段文字的標題

          5、<h1>在一個頁面最多只能有一個,不要用多個

          5.2 段落標簽

          是雙標簽,p是paragraph的縮寫

          <p>這是一段文字</p>
          <p>這是一段文字</p>
          <p>這是一段文字</p>

          特點:

          1、獨占一行

          2、段落與段落之間,存在間隙

          5.3 換行標簽

          是單標簽,br是break的縮寫

          <p>這是一段<br>文字</p>

          特點:

          1、強制換行

          2、單標簽

          5.4 水平線標簽

          是單標簽,hr是horizon地平線的縮寫

          <p>這是一段文字</p>
          <hr>
          <p>這是一段文字</p>

          特點:

          1、在頁面中顯示一條水平線

          2、單標簽

          6 文本格式化標簽

          標簽1

          標簽2

          說明

          b

          strong

          加粗

          u

          ins

          下劃線

          i

          em

          傾斜

          s

          del

          刪除線

          <b>這是一段文字</b>
          <strong>這是一段文字</strong>
          <br>
          <u>這是一段文字</u>
          <ins>這是一段文字</ins>
          <br>
          <i>這是一段文字</i>
          <em>這是一段文字</em>
          <br>
          <s>這是一段文字</s>
          <del>這是一段文字</del>

          特點:

          1、不會獨占一行

          2、推薦使用標簽2所在列標簽

          6.1 上標標簽

          sup是superscripted這個單詞的縮寫

          <!DOCTYPE html>
          <html lang="en">
          <head>
          </head>
          <body>
              a<sup>2</sup>
          </body>
          </html>

          6.2 下標標簽

          sub是subscripted這個單詞的縮寫

          <!DOCTYPE html>
          <html lang="en">
          <head>
          </head>
          <body>
              H<sub>2</sub>O
          </body>
          </html>

          6.3 字符實體

          在網頁中展示特殊符號效果時,需要使用字符實體替代

          顯示結果

          描述

          實體名稱


          空格

          <

          小于號

          <

          >

          大于號

          >

          &

          &

          "

          雙引號

          "

          x

          乘號

          ×

          ÷

          除號

          ÷

          -

          長破折號

          |

          豎線

          |

          左單引號

          右單引號

          ?

          版權符

          ©

          ?

          注冊商標

          ®

          ?

          商標

          °

          °

          7 媒體標簽

          7.1 圖片標簽

          <img src="./001.jpg" alt="">

          img標簽常見屬性:

          屬性名

          說明

          src

          圖片路徑(絕對路徑、相對路徑)

          alt

          圖片加載失敗時,顯示的文字

          title

          鼠標懸停時,顯示的文字

          width

          圖片寬度

          height

          圖片高度

          只設置寬或高,會自動等比縮放,寬高只需要數字,不需要'px'

          <img src="./001.jpg" alt="圖片加載失敗" title="這是程序兔" width="200" height="200">

          絕對路徑:指目錄下的絕對位置,比如從根目錄開始的路徑,或完整的網絡地址

          相對路徑:從當前文件開始出發找目標文件的過程

          7.2 音頻標簽

          <audio src="music.mp3" controls autoplay loop></audio>

          audio標簽常見屬性:

          屬性名

          說明

          src

          音頻路徑

          controls

          顯示播放控件

          autoplay

          自動播放

          loop

          循環播放

          支持mp3、wav、ogg三種音頻格式

          7.3 視頻標簽

          <video src="video.mp4" controls loop autoplay></video>

          屬性名

          說明

          src

          視頻路徑

          controls

          顯示播放控件

          autoplay

          自動播放

          loop

          循環播放

          支持mp4、webm、ogg三種視頻格式

          7.4 超鏈接標簽

          超鏈接,是雙標簽,實現各個獨立頁面之間進行跳轉,可以跳去站外也可以在站內之間跳轉

          <a href="鏈接地址">文本或圖片</a>

          站外跳轉,采用絕對路徑

          <a href="http://www.baidu.com" target="_blank">百度</a>

          站內跳轉,采用相對路徑

          <!-- a頁面 -->
          <a href="b.html">跳去b頁面</a>
          <!-- b頁面 -->
          <p>b頁面</p>

          頁面內跳轉

          <a href="#ms">美食</a>
          <a href="#jd">景點</a>
          <h3 id="ms">推薦美食</h3>
          <!-- 省略n個br標簽 -->
          <br>
          <h3 id="jd">推薦景點</h3>

          屬性名

          說明

          href

          跳轉鏈接

          target

          鏈接打開方式

          target屬性值

          屬性值

          說明

          _self

          默認,原窗口打開鏈接

          _blank

          在新窗口打開鏈接

          _parent

          在父窗口打開鏈接

          _top

          在頂層窗口打開超鏈接

          target屬性值一般使用_self(默認)和_blank

          8 列表標簽

          8.1 無序列表

          <ul type="屬性值">
              <li>列表項</li>
              <li>列表項</li>
              <li>列表項</li>
          </ul>

          解釋:

          1、ul,unordered lists,無序列表,li,list item,列表項

          2、ul標簽子標簽只允許是li標簽

          3、li標簽可以包含任意內容

          type屬性值

          屬性值

          說明

          disc

          默認,實心圓

          circle

          空心圓

          square

          實心方型

          <ul>
              <li>你</li>
              <li>我</li>
              <li>他</li>
          </ul>

          8.2 有序列表

          <ol type="屬性值">
              <li>列表項</li>
              <li>列表項</li>
              <li>列表項</li>
          </ol>

          解釋:

          1、ol,ordered lists,有序列表,li,list item,列表項

          2、ol標簽子標簽只允許是li標簽

          3、li標簽可以包含任意內容

          type屬性值

          屬性值

          說明

          1

          默認,阿拉伯數字,1,2,3......

          a

          小寫英文字母,a,b,c......

          A

          大寫英文字母,A,B,C......

          i

          小寫羅馬數字,i,ii,iii......

          I

          大寫羅馬數字,I,II,III......

          <ol>
              <li>你</li>
              <li>我</li>
              <li>他</li>
          </ol>

          8.3 自定義列表

          <dl>
              <dt>名詞</dt>
              <dd>描述</dd>
              ……
          </dl>

          解釋:

          1、dl,definition lists,自定義列表;dt,definition term,自定義列表組;dd,definition description,自定義列表描述

          <dl>
              <dt>稱呼</dt>
              <dd>你</dd>
              <dd>我</dd>
              <dd>他</dd>
          </dl>

          9 表格標簽

          9.1 表格基本結構

          <table>
              <tr>
                  <td>單元格1</td>
                  <td>單元格2</td>
              </tr>
              <tr>
                  <td>單元格3</td>
                  <td>單元格4</td>
              </tr>
          </table>

          解釋:

          1、tr,table row,表格行;td,table data cell,表行單元格

          <table>
              <tr>
                  <td>1</td>
              </tr>
          </table>

          9.2 表格標簽屬性

          屬性名

          屬性值

          描述

          border

          數字

          邊框寬度

          width

          數字

          表格寬度

          height

          數字

          表格高度

          <table border="1" width="200" height="50">
              <tr>
                  <td>1</td>
              </tr>
          </table>

          9.3 表格標題標簽

          <caption>標題內容</caption>,位于表格內第一行

          <table border="1" width="200" height="50">
              <caption>數字</caption>
              <tr>
                  <td>1</td>
              </tr>
          </table>

          9.4 表格表頭單元格標簽

          <th></th>,th,table header cell,表頭單元格

          <table border="1" width="200" height="50">
              <caption>數字</caption>
              <tr>
                  <th>序號</th>
              </tr>
              <tr>
                  <td>1</td>
              </tr>
          </table>

          9.5 表格語義化結構標簽

          thead、tbody、tfoot

          <table border="1" width="200" height="50">
              <caption>數字</caption>
              <thead>
                  <tr>
                      <th>序號</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                      <td>1</td>
                  </tr>
              </tbody>
              <tfoot>
                  <tr>
                      <td>匯總</td>
                  </tr>
              </tfoot>
          </table>

          9.6 合并單元格

          屬性名

          屬性值

          說明

          rowspan

          合并單元格個數

          合并行,單元格垂直合并

          colspan

          合并單元格個數

          合并列,單元格水平合并

          <td rowspan="跨越的行數"></td>
          <td colspan="跨越的列數"></td>
          <table border="1" width="200" height="50">
              <caption>數字</caption>
              <thead>
                  <tr>
                      <th>序號</th>
                      <th>金額</th>
                      <th>金額</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                      <td>1</td>
                      <td rowspan="2">20</td>
                      <td rowspan="2">20</td>
                  </tr>
                  <tr>
                      <td>2</td>
                  </tr>
              </tbody>
              <tfoot>
                  <tr>
                      <td>匯總</td>
                      <td colspan="2">40</td>
                  </tr>
              </tfoot>
          </table>

          10 表單標簽

          10.1 form標簽

          雙標簽,包裹其它表單標簽

          <form>
              // 表單
          </form>

          form標簽的常用屬性

          屬性

          說明

          name

          表單名稱

          method

          提交方式

          action

          提交地址

          target

          打開方式

          enctype

          編碼方式

          name屬性

          一個頁面中,表單可能不止一個。name屬性,用來區分不同的表單

          <form name="myForm"></form>

          method屬性

          用來指定表單數據使用哪種提交方式給后端

          屬性值

          說明

          get

          get方式

          post

          post方式

          <form method="get"></form>

          action屬性

          用來指定表單數據提交到哪個地址

          <!-- 比如提交到index.php地址 -->
          <form action="index.php"></form>

          target屬性

          該屬性跟a標簽的target屬性一樣,其屬性值也是四個,一般情況只用到_blank屬性值,默認也是這個值

          <form target="_blank"></form>

          enctype屬性

          屬性值

          說明

          application/x-www-form-urlencoded

          在發送前編碼所有字符(默認)

          multipart/form-data

          不對字符編碼,在使用包含文件上傳控件的表單時,必須使用該值

          text/plain

          空格轉換為 "+" 加號,但不對特殊字符編碼

          <form enctype="multipart/form-data"></form>

          10.2 input標簽

          input是單標簽

          <input type="表單類型">

          屬性值

          說明

          text

          單行文本框

          password

          密碼文本框

          radio

          單選框

          checkbox

          多選框

          button

          普通按鈕

          submit

          提交按鈕

          reset

          重置按鈕

          file

          文件上傳

          單行文本框常用屬性

          屬性

          說明

          value

          設置文本框的默認值

          size

          設置文本框的長度

          maxlength

          設置最多可輸入字符

          <form>
              <input type="text" value="默認值" size="長度" maxlength="可輸入字符">
          </form>
          <form>
              <label>姓名:<input type="text" value="曹操" size="20" maxlength="10"></label>
          </form>

          密碼文本框常用屬性

          密碼文本框常用屬性和單行文本框常用屬性相同

          <input type="password" value="默認值" size="長度" maxlength="可輸入字符">
          <form>
              <label>密碼:<input type="password" value="12345678" size="20" maxlength="10"></label>
          </form>

          單選框

          屬性

          說明

          name

          組名,同組單選框,組名要相同,必要屬性

          value

          單選框選項取值,必要屬性

          checked

          默認選中項,同組單選框,可以有一個默認選中項

          <input type="radio" name="組名" value="取值" checked="checked">
          <form>
              性別:
              <input type="radio" name="sex" value="男" checked="checked">男
              <input type="radio" name="sex" value="女">女
          </form>

          復選框

          復選框和單選框的屬性都相同,區別復選框可以多選

          <form>
              愛好:
              <input type="checkbox" name="hobby" value="籃球" checked>籃球
              <input type="checkbox" name="hobby" value="足球" checked>足球
              <input type="checkbox" name="hobby" value="臺球">臺球
          </form>

          普通按鈕

          <input type="button" value="取值">
          <form>
              <input type="button" value="普通按鈕">
          </form>
          <button>普通按鈕</button>

          區別:

          1、input是單標簽,button是雙標簽

          2、button標簽的信息除了文本,還可以是圖像、其它標簽等

          3、button有type屬性,屬性值可以是button、submit、reset等

          提交按鈕

          <input type="submit" value="取值">
          <form>
              <input type="submit" value="提交">
          </form>

          把對應表單數據提交給后端服務器

          重置按鈕

          <input type="reset" value="取值">
          <form>
              <input type="reset" value="重置">
          </form>

          點擊重置后,所在form表單里所有內容被清空了

          文件上傳

          <input type="file">
          <form>
              <input type="file">
          </form>

          10.3 多行文本框

          <textarea name="文本名稱" cols="列數" rows="行數"></textarea>
          <form>
              <textarea name="文本名稱" cols="1" rows="2"></textarea>
          </form>

          10.4 下拉列表

          <select>
              <option>選項內容</option>
              <option>選項內容</option>
          </select>

          下拉列表標簽是為了節省頁面空間

          select標簽屬性

          屬性名

          說明

          name

          數據提交后端所需字段

          size

          下拉選項顯示個數

          multiple

          默認只允許選一個,選多個得加這個屬性

          disabled

          所有下拉選項禁止選中

          <form>
              <select name="age" size="4" multiple="multiple" disabled="disabled">
                  <option>18歲以下</option>
                  <option>18-28歲</option>
                  <option>28-38歲</option>
                  <option>38歲以上</option>
              </select>
          </form>

          option標簽屬性

          屬性名

          說明

          selected

          默認選中

          value

          被選中,數據提交后端的值

          disabled

          該下拉選項禁止選中

          <form>
              <select name="age" size="5">
                  <option value="1">18歲以下</option>
                  <option value="2" disabled="disabled">18-28歲</option>
                  <option value="3" selected="selected">28-38歲</option>
                  <option value="4">38歲以上</option>
              </select>
          </form>

          11 框架標簽

          <iframe src="URL" width="數值" height="數值"></iframe>

          框架標簽常用屬性

          屬性名

          說明

          src

          嵌入的文檔地址

          width

          標簽寬度

          height

          標簽高度

          <iframe src="https://www.bilibili.com" width="300" height="200"></iframe>

          有些文檔禁止被嵌入

          12 標簽類型

          HTML標簽分為三種,行內標簽、塊級標簽和行內塊級標簽。

          12.1 行內標簽

          特點:

          1、在頁面內只占據剛好能包裹自己內容的空間

          2、沒有寬高,內容多大就多大,行內標簽不能嵌套塊級標簽(a標簽除外)

          3、行內標簽設置寬高無效,可以對行高line-height進行設置

          4、可以設置外邊距margin和內邊距padding,但只對左右邊距有效果,上下無效

          5、常見行內標簽span、a、strong、ins、del、br等

          span標簽

          雙標簽,行內標簽,本身沒有固定樣式

          <p>我是<span>中國人</span></p>

          12.2 塊級標簽

          特點:

          1、獨占一行

          2、高度、寬度、外邊距、內邊距都可以設置生效

          3、寬度默認是父級寬度的100%

          4、是一個容器盒子,可以嵌套多層子級行內標簽、塊級標簽,文本類塊級標簽除外

          5、常見塊級標簽div、p、h1~h6、ol、ul、li等

          div標簽

          雙標簽,塊級標簽,本身沒有固定樣式

          <!-- 頭部區域 -->
          <div></div>
          <!-- 內容區域 -->
          <div></div>

          12.3 行內塊級標簽

          特點

          1、在頁面內只占據剛好能包裹自己內容的空間

          2、高度、寬度、外邊距、內邊距都可以設置生效

          3、常見塊級標簽img、input、td

          12.4 標簽類型轉換

          通過css樣式display屬性轉換,這是css的內容

          NSI(Windows-1252)

          ANSI 是 Windows 95 及其之前的 Windows 系統中默認的字符集。

          ANSI 也稱為 Windows-1252。


          重要提示

          ANSI 和 ISO-8859-1 非常相似,唯一的不同是在 32 個字符上。

          在 ANSI 中,從 128 到 159 的字符用于一些有用的字符,比如歐元符號。

          在 ISO-8859-1 中,這些字符映射為在 HTML 中不起作用的控制字符。

          許多 Web 開發者聲明 ISO-8859-1,并使用這 32 個值,就像它們使用的是 Windows-1252。

          由于這種常見的誤解,當 ISO-8859-1 被聲明時,瀏覽器將更改為 Windows-1252。這對以下文檔類型都適用:HTML4、HTML5 和 XHTML。


          ANSI 和 ASCII

          ANSI 的第一部分(實體編號 0-127)是原來的 ASCII 字符集。它包含數字、大小寫英文字母和一些特殊字符。

          如需深入了解 ASCII,請查看完整的 ASCII 參考手冊。


          ANSI 字符集

          字符編號實體名稱描述
          32空格(space)
          !33感嘆號(exclamation mark)
          "34&quot;引號(quotation mark)
          #35數字符號(number sign)
          $36美元符號(dollar sign)
          %37百分比符號(percent sign)
          &38&amp;& 符號(ampersand)
          '39撇號(apostrophe)
          (40左括號(left parenthesis)
          )41右括號(right parenthesis)
          *42星號(asterisk)
          +43加號(plus sign)
          ,44逗號(comma)
          -45連字符(hyphen-minus)
          .46句號(full stop)
          /47斜線(solidus)
          048數字 0(digit zero)
          149數字 1(digit one)
          250數字 2(digit two)
          351數字 3(digit three)
          452數字 4(digit four)
          553數字 5(digit five)
          654數字 6(digit six)
          755數字 7(digit seven)
          856數字 8(digit eight)
          957數字 9(digit nine)
          :58冒號(colon)
          ;59分號(semicolon)
          <60&lt;小于號(less-than sign)
          =61等于號(equals sign)
          >62&gt;大于號(greater-than sign)
          ?63問號(question mark)
          @64@ 符號(commercial at)
          A65拉丁文大寫字母 A
          B66拉丁文大寫字母 B
          C67拉丁文大寫字母 C
          D68拉丁文大寫字母 D
          E69拉丁文大寫字母 E
          F70拉丁文大寫字母 F
          G71拉丁文大寫字母 G
          H72拉丁文大寫字母 H
          I73拉丁文大寫字母 I
          J74拉丁文大寫字母 J
          K75拉丁文大寫字母 K
          L76拉丁文大寫字母 L
          M77拉丁文大寫字母 M
          N78拉丁文大寫字母 N
          O79拉丁文大寫字母 O
          P80拉丁文大寫字母 P
          Q81拉丁文大寫字母 Q
          R82拉丁文大寫字母 R
          S83拉丁文大寫字母 S
          T84拉丁文大寫字母 T
          U85拉丁文大寫字母 U
          V86拉丁文大寫字母 V
          W87拉丁文大寫字母 W
          X88拉丁文大寫字母 X
          Y89拉丁文大寫字母 Y
          Z90拉丁文大寫字母 Z
          [91左方括號(left square bracket)
          \92反斜線(reverse solidus)
          ]93右方括號(right square bracket)
          ^94插入符號(circumflex accent)
          _95下劃線(low line)
          `96重音符(grave accent)
          a97拉丁文小寫字母 a
          b98拉丁文小寫字母 b
          c99拉丁文小寫字母 c
          d100拉丁文小寫字母 d
          e101拉丁文小寫字母 e
          f102拉丁文小寫字母 f
          g103拉丁文小寫字母 g
          h104拉丁文小寫字母 h
          i105拉丁文小寫字母 i
          j106拉丁文小寫字母 j
          k107拉丁文小寫字母 k
          l108拉丁文小寫字母 l
          m109拉丁文小寫字母 m
          n110拉丁文小寫字母 n
          o111拉丁文小寫字母 o
          p112拉丁文小寫字母 p
          q113拉丁文小寫字母 q
          r114拉丁文小寫字母 r
          s115拉丁文小寫字母 s
          t116拉丁文小寫字母 t
          u117拉丁文小寫字母 u
          v118拉丁文小寫字母 v
          w119拉丁文小寫字母 w
          x120拉丁文小寫字母 x
          y121拉丁文小寫字母 y
          z122拉丁文小寫字母 z
          {123左花括號(left curly bracket)
          |124豎線(vertical line)
          }125右花括號(right curly bracket)
          ~126波浪線(tilde)
          127未使用(NOT USED)
          128&euro;歐元符號(euro sign)
          129未使用(NOT USED)
          ?130&sbquo;下單引號(single low-9 quotation mark)
          ?131&fnof;帶鉤的拉丁文小寫字母 f
          ?132&bdquo;下雙引號(double low-9 quotation mark)
          133&hellip;水平省略號(horizontal ellipsis)
          ?134&dagger;劍號(dagger)
          ?135&Dagger;雙劍號(double dagger)
          ?136&circ;修飾字母抑揚音(modifier letter circumflex accent)
          137&permil;千分比符號(per mille sign)
          ?138&Scaron;帶有 caron 的拉丁文大寫字母 S
          ?139&lsaquo;左單角引號(single left-pointing angle quotation mark)
          ?140&OElig;拉丁文大寫連字 OE
          141未使用(NOT USED)
          ?142&Zcaron;帶有 caron 的拉丁文大寫字母 Z
          143未使用(NOT USED)
          144未使用(NOT USED)
          '145&lsquo;左單引號(left single quotation mark)
          '146&rsquo;右單引號(right single quotation mark)
          "147&ldquo;左雙引號(left double quotation mark)
          "148&rdquo;右雙引號(right double quotation mark)
          ?149&bull;著重號(bullet)
          150&ndash;短破折號/連字符(en dash)
          151&mdash;長破折號(em dash)
          ?152&tilde;小波浪線(small tilde)
          ?153&trade;貿易標記符號(trade mark sign)
          ?154&scaron;帶有 caron 的拉丁文小寫字母 s
          ?155&rsaquo;右單角引號(single right-pointing angle quotation mark)
          ?156&oelig;拉丁文小寫連字 oe
          157未使用(NOT USED)
          ?158&zcaron;帶有 caron 的拉丁文小寫字母 z
          ?159&Yuml;帶有分音符(diaeresis)的拉丁文大寫字母 Y
          160&nbsp;不換行空格(no-break space)
          ?161&iexcl;倒置感嘆號(inverted exclamation mark)
          162&cent;美分符號(cent sign)
          163&pound;英鎊符號(pound sign)
          ¤164&curren;貨幣符號(currency sign)
          165&yen;日元符號(yen sign)
          |166&brvbar;間斷的豎杠(broken bar)
          §167&sect;小節號(section sign)
          ¨168&uml;分音符號(diaeresis)
          ?169&copy;版權所有(copyright sign)
          a170&ordf;陰性序數記號(feminine ordinal indicator)
          ?171&laquo;左雙角引號(left-pointing double angle quotation mark)
          ?172&not;否定符號(not sign)
          173&shy;軟連字符(soft hyphen)
          ?174&reg;注冊商標(registered sign)
          ˉ175&macr;長音符號(macron)
          °176&deg;度符號(degree sign)
          ±177&plusmn;加減號/正負號(plus-minus sign)
          2178&sup2;上標 2(superscript two)
          3179&sup3;上標 3(superscript three)
          180&acute;尖音符號(acute accent)
          μ181&micro;微米符號(micro sign)
          ?182&para;段落符號(pilcrow sign)
          ·183&middot;中間點(middle dot)
          ?184&cedil;變音符號(cedilla)
          1185&sup1;上標 1(superscript one)
          o186&ordm;陽性序數記號(masculine ordinal indicator)
          ?187&raquo;右雙角引號(right-pointing double angle quotation mark)
          ?188&frac14;1/4 分數(vulgar fraction one quarter)
          ?189&frac12;1/2 分數(vulgar fraction one half)
          ?190&frac34;3/4 分數(vulgar fraction three quarters)
          ?191&iquest;倒置問號(inverted question mark)
          à192&Agrave;帶有重音符號(grave)的拉丁文大寫字母 A
          á193&Aacute;帶有尖音符號(acute)的拉丁文大寫字母 A
          ?194&Acirc;帶有抑揚音符號(circumflex)的拉丁文大寫字母 A
          ?195&Atilde;帶有波浪線的拉丁文大寫字母 A
          ?196&Auml;帶有分音符(diaeresis)的拉丁文大寫字母 A
          ?197&Aring;帶有上圓圈的拉丁文大寫字母 A
          ?198&AElig;拉丁文大寫字母 AE
          ?199&Ccedil;帶有變音符號(cedilla)的拉丁文大寫字母 C
          è200&Egrave;帶有重音符號(grave)的拉丁文大寫字母 E
          é201&Eacute;帶有尖音符號(acute)的拉丁文大寫字母 E
          ê202&Ecirc;帶有抑揚符號(circumflex)的拉丁文大寫字母 E
          ?203&Euml;帶有分音符(diaeresis)的拉丁文大寫字母 E
          ì204&Igrave;帶有重音符號(grave)的拉丁文大寫字母 I
          í205&Iacute;帶有尖音符號(acute)的拉丁文大寫字母 I
          ?206&Icirc;帶有抑揚音符號(circumflex)的拉丁文大寫字母 I
          ?207&Iuml;帶有分音符(diaeresis)的拉丁文大寫字母 I
          D208&ETH;拉丁文大寫字母 Eth
          ?209&Ntilde;帶有波浪線的拉丁文大寫字母 N
          ò210&Ograve;帶有重音符號(grave)的拉丁文大寫字母 O
          ó211&Oacute;帶有尖音符號(acute)的拉丁文大寫字母 O
          ?212&Ocirc;帶有抑揚音符號(circumflex)的拉丁文大寫字母 O
          ?213&Otilde;帶有波浪線的拉丁文大寫字母 O
          ?214&Ouml;帶有分音符(diaeresis)的拉丁文大寫字母 O
          ×215&times;乘號(multiplication sign)
          ?216&Oslash;帶有刪除線的拉丁文大寫字母 O
          ù217&Ugrave;帶有重音符號(grave)的拉丁文大寫字母 U
          ú218&Uacute;帶有尖音符號(acute)的拉丁文大寫字母 U
          ?219&Ucirc;帶有抑揚音符號(circumflex)的拉丁文大寫字母 U
          ü220&Uuml;帶有分音符(diaeresis)的拉丁文大寫字母 U
          Y221&Yacute;帶有尖音符號(acute)的拉丁文大寫字母 Y
          T222&THORN;拉丁文大寫字母 Thorn
          ?223&szlig;拉丁文小寫字母 sharp s
          à224&agrave;帶有重音符號(grave)的拉丁文小寫字母 a
          á225&aacute;帶有尖音符號(acute)的拉丁文小寫字母 a
          a226&acirc;帶有抑揚音符號(circumflex)的拉丁文小寫字母 a
          ?227&atilde;帶有波浪線的拉丁文小寫字母 a
          ?228&auml;帶有分音符(diaeresis)的拉丁文小寫字母 a
          ?229&aring;帶有上圓圈的拉丁文小寫字母 a
          ?230&aelig;拉丁文小寫字母 ae
          ?231&ccedil;帶有變音符號(cedilla)的拉丁文小寫字母 c
          è232&egrave;帶有重音符號(grave)的拉丁文小寫字母 e
          é233&eacute;帶有尖音符號(acute)的拉丁文小寫字母 e
          ê234&ecirc;帶有抑揚音符號(circumflex)的拉丁文小寫字母 e
          ?235&euml;帶有分音符(diaeresis)的拉丁文小寫字母 e
          ì236&igrave;帶有重音符號(grave)的拉丁文小寫字母 i
          í237&iacute;帶有尖音符號(acute)的拉丁文小寫字母 i
          ?238&icirc;帶有抑揚音符號(circumflex)的拉丁文小寫字母 i
          ?239&iuml;帶有分音符(diaeresis)的拉丁文小寫字母 i
          e240&eth;拉丁文小寫字母 eth
          ?241&ntilde;帶有波浪線的拉丁文小寫字母 n
          ò242&ograve;帶有重音符號(grave)的拉丁文小寫字母 o
          ó243&oacute;帶有尖音符號(acute)的拉丁文小寫字母 o
          ?244&ocirc;帶有抑揚音符號(circumflex)的拉丁文小寫字母 o
          ?245&otilde;帶有波浪線的拉丁文小寫字母 o
          ?246&ouml;帶有分音符(diaeresis)的拉丁文小寫字母 o
          ÷247&divide;除號(division sign)
          ?248&oslash;帶有刪除線的拉丁文小寫字母 o
          ù249&ugrave;帶有重音符號(grave)的拉丁文小寫字母 u
          ú250&uacute;帶有尖音符號(acute)的拉丁文小寫字母 u
          ?251&ucirc;帶有抑揚音符號(circumflex)的拉丁文小寫字母 u
          ü252&uuml;帶有分音符(diaeresis)的拉丁文小寫字母 u
          y253&yacute;帶有尖音符號(acute)的拉丁文小寫字母 y
          t254&thorn;拉丁文小寫字母 thorn
          ?255&yuml;帶有分音符(diaeresis)的拉丁文小寫字母 y

          ANSI 控制字符

          ANSI 控制字符(00-31,加上 127)最初被設計用來控制諸如打印機和磁帶驅動器之類的硬件設備。

          控制字符(除了水平制表符、換行、回車之外)在 HTML 文檔中不起任何作用。

          字符編號描述
          NUL00空字符(null character)
          SOH01標題開始(start of header)
          STX02正文開始(start of text)
          ETX03正文結束(end of text)
          EOT04傳輸結束(end of transmission)
          ENQ05請求(enquiry)
          ACK06收到通知/響應(acknowledge)
          BEL07響鈴(bell)
          BS08退格(backspace)
          HT09水平制表符(horizontal tab)
          LF10換行(line feed)
          VT11垂直制表符(vertical tab)
          FF12換頁(form feed)
          CR13回車(carriage return)
          SO14不用切換(shift out)
          SI15啟用切換(shift in)
          DLE16數據鏈路轉義(data link escape)
          DC117設備控制 1(device control 1)
          DC218設備控制 2(device control 2)
          DC319設備控制 3(device control 3)
          DC420設備控制 4(device control 4)
          NAK21拒絕接收/無響應(negative acknowledge)
          SYN22同步空閑(synchronize)
          ETB23傳輸塊結束(end transmission block)
          CAN24取消(cancel)
          EM25已到介質末端/介質存儲已滿(end of medium)
          SUB26替補/替換(substitute)
          ESC27溢出/逃離/取消(escape)
          FS28文件分隔符(file separator)
          GS29組分隔符(group separator)
          RS30記錄分隔符(record separator)
          US31單元分隔符(unit separator)
          DEL127刪除(delete)

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 亚洲片国产一区一级在线观看| 成人免费av一区二区三区| 日韩动漫av在线播放一区| 激情无码亚洲一区二区三区| 国产福利电影一区二区三区,日韩伦理电影在线福| 成人精品视频一区二区三区不卡| 亚洲欧美日韩一区二区三区在线| 国产在线精品一区二区三区直播 | 无码国产精成人午夜视频一区二区| 国产一区中文字幕在线观看| 亚洲综合一区二区三区四区五区| 日韩免费无码视频一区二区三区| 伊人色综合一区二区三区| 无遮挡免费一区二区三区| 理论亚洲区美一区二区三区| 伊人久久精品无码麻豆一区 | 最新欧美精品一区二区三区| 亚洲av日韩综合一区在线观看| 亚洲欧洲∨国产一区二区三区| 国产在线精品一区免费香蕉| 久久久久人妻一区精品果冻| 国产精品一区二区三区免费| 成人国产精品一区二区网站| 成人国产精品一区二区网站| 精品视频一区二区三区| 99精品久久精品一区二区| 亚洲一区爱区精品无码| 久久国产免费一区二区三区| 亚洲综合一区二区精品导航 | 岛国精品一区免费视频在线观看| 国产成人高清视频一区二区| 中文字幕一区二区三区视频在线| 国产精品亚洲不卡一区二区三区| 久久毛片免费看一区二区三区| 久久青草精品一区二区三区| 精品人无码一区二区三区| 一区二区无码免费视频网站| 日韩视频一区二区在线观看 | 精品久久久中文字幕一区| 国产凸凹视频一区二区| 真实国产乱子伦精品一区二区三区|