標籤練習（一）

時間 2019-11-08
標籤標籤練習简体版
原文原文鏈接
<!--html文檔開始-->
<html  >
  <head
    <!--頭部-->
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
    <title>頭部標題</title>
    這樣均可以
  </head>
  <style type="text/css">
  body{background:ivory;}
  /*註釋*/
 
  </style>
  <body>
   <!--html註釋  css註釋用/**/-->
    <!--主體-->
    <h2 style="color:green;font-family:楷體;">標題1 文本格式標籤</h2> 
    <p id="top"><font color="#FF0000">頂部錨點</font color></p>
    <p id="top2" style="color:#8000ff;"><b>頂部2錨點(外加樣式)</b></p>
    <p>段落</p>
    <pre>標識預約義文本</pre>
    <blockquote>標識引用文本</blockquote>
    
    <h2 font-family=黑體>標題2 字符格式標籤 </h2> 
    <p>例如，針對下面這個一無二次方程：</p>
    <p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p>
    <p>咱們使用<b><big>因式分解法</big></b>來演示解題思路以下：</p>
    <p><small>由：</small>(<i>x</i>-1)(<i>x</i>-4)=0</p>
    <p> <small>得：</small></br>    
    <i>x</i><sub>1</sub>=1</br>
    <i>x</i><sub>2</sub>=4
    </p>
    <blink>標識閃爍文字</blink></br>
    <cite>標識引用文本</cite>
    
    <h2 font-family=黑體>標題3 列表標籤 </h2>
    <!--
    ul:標識無序列表        dl:標識定義列表
    ol:標識有序列表        dt:標識詞條
    li:標識列表項目        dd:標識解釋
    -->
    <ol><h3>測試職位</h3>
    <li>初級測試工程師</li>
    <li>中級測試工程師</li>
    <li>高級測試工程師</li>
    <li>測試經理</lil>
    </ol>
    <ul><h3>前端</h3>
    <li>網頁製做</li>
    <li>前端製做工程師</li>
    <li>網站重構工程師</li>
    <li>前端開發工程師</li>
    <li>前端架構師</li>
    </ul>
    <dl><h3>詞條</h3>
    <dt>夢想</dt>
    <dd>這個東西好遠。。加油~</dd>
    <dt>編程語言</dt>
    <dd>包括：C\java\C#\C++\JS\HTML\Object C\swift\SQL...</dd>
    </dl>
    
    <h2 font-family=黑體>標題4 連接標籤 </h2>
    <a href="http://www.baidu.com">去百度吧</a>
    <a href="#top">跳到頂部</a><!--#top是個div錨點-->
    <a href="#top2">跳到頂部2</a><!--#top2是個div錨點-->
    
    <h2 font-family=黑體>標題5 多媒體標籤 </h2>
    <!--
    <embed> ...</embed> 嵌入多媒體
    <blject>...</object> 嵌入多媒體
    -->
    <img src="pic/img.png" alt="http://www.baidu.com"/>
        
    <h2 font-family=黑體>標題6 表格標籤 </h2>
    <!--
    <table>定義表結構  
    <caption>表標題
    <th>表頭
    <tr>
    <td>
    -->
    <table>
    <caption><h3>員工信息</h3></caption>
    <tr>
    <th>姓名<th><th>年齡</th>
    </tr>
    <tr>
    <td>心晴<td><td>26</td>
    </tr>
    <tr>
    <td>張三你好<td><td>18</td>
    </tr>
    </table>
    
    
       <h2 font-family=黑體>標題7 表單標籤 </h2>
    
    <form id="form1" name="form1" method="post" action="">
    <p>用戶名<input type="text" name="username" id="username"> </input></p>
    <p>密碼<input type="password" name="pd" id="pd"></input></p>
    <p>多行文本框<textarea name="text1" id="text1" > </textarea></p>
    <p>單選按鈕1<input type="radio" name="radio1" id="radio1" value="boy"> 男</input></p>
    <p>單選按鈕2<input type="radio" name="radio2" id="radio2" value="girl1"> 女</input></p>
    <p>複選框<input type="checkbox" name="checkbox1" value="">音樂</p>
    <p>複選框<input type="checkbox" name="checkbox2" value="">美術</p>
    <p>下拉菜單
    <select name="selectlist">    
    <option value="1">百度</option>
    <option value="2">騰訊</option>
    <option value="3">淘寶</option>
    </select>
    </p>
    <p>按鈕<input type="button" name="button" id="button" value="提交"/>
    </p>
    </form>
    
    <h2 font-family=黑體>標題7 基本屬性 </h2>
    <blockquote cite="http://www.baidu.com">
     <p>baidu</p>
     </blockquote>
     <ins datetime="2014-0-9 15:0:0"> today </ins>
    
    </body>
  
  
</html>                          
<!--html文檔結束-->
相關標籤/搜索
每日一句
每一个你不满意的现在，都有一个你没有努力的曾经。