溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML中速查列表的示例分析

發(fā)布時間：2021-09-13 15:01:17 來源：億速云 閱讀：160 作者：小新 欄目：web開發(fā)

這篇文章主要介紹了HTML中速查列表的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

HTML 基本文檔

<!DOCTYPE html>
<html>
    <head>
        <title>文檔標題</title>
    </head>
    <body>可見文本...</body>
</html>

基本標簽（Basic Tags）

<h2>最大的標題</h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6> . . . </h6>
<h7>最小的標題</h7> 
<p>這是一個段落。</p>
<br> （換行）
<hr> （水平線）
<!-- 這是注釋 -->

文本格式化（Formatting）

<b>粗體文本</b>
<code>計算機代碼</code>
<em>強調文本</em>
<i>斜體文本</i>
<kbd>鍵盤輸入</kbd> 
<pre>預格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr> （縮寫）
<address> （聯(lián)系信息）
<bdo> （文字方向）
<blockquote> （從另一個源引用的部分）
<cite> （工作的名稱）
<del> （刪除的文本）
<ins> （插入的文本）
<sub> （下標文本）
<sup> （上標文本）

鏈接（Links）

普通的鏈接：<a href="http://www.example.com/">鏈接文本</a>
圖像鏈接： <a href="http://www.example.com/"><img src="URL" alt="替換文本"></a>
郵件鏈接： <a href="mailto:webmaster@example.com">發(fā)送e-mail</a>
書簽：<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>

圖片（Images）

<img src="URL" alt="替換文本" height="42" width="42">

樣式/區(qū)塊（Styles/Sections）

<style type="text/css">
    h2 {color:red;}
    p {color:blue;}
</style>
<p>文檔中的塊級元素</p>
<span>文檔中的內聯(lián)元素</span>

無序列表

<ul>    
    <li>項目</li>   
    <li>項目</li>
</ul>

有序列表

<ol>    
    <li>第一項</li>    
    <li>第二項</li>
</ol>

定義列表

<dl>  
    <dt>項目 1</dt>    
    <dd>描述項目 1</dd>  
    <dt>項目 2</dt>    
    <dd>描述項目 2</dd>
</dl>

表格（Tables）

<table border="1">  
    <tr>    
        <th>表格標題</th>    
        <th>表格標題</th>  
    </tr>  
    <tr>    
        <td>表格數(shù)據</td>    
        <td>表格數(shù)據</td>  
   </tr>
</table>

框架（Iframe）

<iframe src="demo_iframe.htm"></iframe>

表單（Forms）

<form action="demo_form.php" method="post/get">
    <input type="text" name="email" size="40" maxlength="50"><input type="password">
    <input type="checkbox" checked="checked">
    <input type="radio" checked="checked">
    <input type="submit" value="Send">
    <input type="reset">
    <input type="hidden">
    <select>
        <option>蘋果</option>
        <option selected="selected">香蕉</option>
        <option>櫻桃</option>
    </select>
    <textarea name="comment" rows="60" cols="20"></textarea>
</form>

實體（Entities）

&lt; 等同于 <
&gt; 等同于 >
&#169; 等同于 ?

感謝你能夠認真閱讀完這篇文章，希望小編分享的“HTML中速查列表的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，更多相關知識等著你來學習!

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。

AI
助
手