1. 程式人生 > >--HTML標籤1

--HTML標籤1

文字標籤:  

<h>標籤 標題,分為<h1>-<h6>(6級)
<b>  加粗
<u> 下滑線
<s>或<strike> 刪除線
<i> 斜體
<sup>    <sub> 上標   下標
<strong> 加粗
<em> 粗體
<big> 加大一號(可巢狀)<big><big>(加大二號)
<small> 減小一號(可巢狀)<small><small>
<code> 表示為程式碼段
<br> 或<br/> 換行
<p> 段落
<ruby><rt>
添加註音的(rt在ruby裡面)
<pare> 與格式化文字
<font> 字型   face=“字型” color   size=“字號”(1-7號)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<ul><li>有序列表: <ul>無序列表  

                           <li> 列表中的項

          屬性:type= " "  

                   disc ----(實心小圓點)       

                   square----(實心正方形)

                   circle----(實心小圓點)

<ol><li>無序列表

    屬性:type =" "

              用於排序的5個值:   數字排序  1  字母排序  a  A   羅馬數字排序  i   I

              reversed:沒有值,出現降序,不出現升序

    start:設定第一項顯示的數字

<dl><dt><dd>自定義列表             (dt)definition title    (dd)definition  description

             <dl>自定義列表

             <dt>項

             <dd>說明

         應用:網站尾部、圖文混排               

表格標籤:

            <table> (表格)    <tr> (表格行)       <td>(表格單元格)

            <table> 屬性:border(邊框寬度)="..px "  width(寬度)="..px"       height(高度)="..px"   align(位置)="left(左)/cneter(中)/right(右)" bgcolor(背景)="顏色"

                (<tr>屬性):   

     (<td>屬性):

          align=" " 

           外邊框  frame ="box "          

                                    值:void 空  above 上  below 下  hside 上下  lhs 左  rhs 右  rsides 左右  box border 全部

          內邊框 rules= " "

             值:none 不顯示  rows 行  cols 列  all 全部

      cellpadding=" " (補白)單元格內文字與邊框的距離

                    cellspacing=" "(間距)單元格之間的距離

    <td>獨有屬性 

         合併行  rowspan=" "  合併列 colspan=" "     nowrap  內容不折行

表格可選標籤   <thead>定義表頭  <th>表頭單元格  <tbody>表身,對錶格主體分組  <tfoot>表腳,對錶的腳的注內容進行分組    

圖片標籤 

           <img src="imgs/xxx.jpg"  width=" "   alt=" ......"(替代文字,無法顯示)說明 /> (</img>)

      邊框 border=  " "     

        align=" " top 上對齊  middle=" " 中對齊  bottom 下對齊  left 文字左邊  right 文字右邊

視訊

      <video src="video/xxx.mp4"  .....>提示資訊</video>

            controls 控制鍵  autoplay 自動播放  muted 減弱  loop迴圈

    width=" "只設置一個,另一個按比例縮放。

    poster="img/xxx.jpg"封面

  (限流量)preload=" " 提示資訊    auto 自動下載      none不自動下載     (和poster一起使用)

   metadata 只加載第一幀

聲音

  <audio src="video/xxx.mp3"> </audio>

  controls 控制面版

  preload = " "  auto 自動下載       none不自動下載           meta

  autoplay 直接播放音訊   loop迴圈  source 解決不相容