HTML の 3 つの一般的な要素の詳細な紹介-htmlチュートリアル-php.cn

HTML の 3 つの一般的な要素の詳細な紹介

零下一度

リリース： 2017-05-09 14:17:57

オリジナル

2103 人が閲覧しました

<strong>インライン要素

a - アンカー<br>abbr - 略語
```
the <abbr title="world wield web constium">W3C</abbr>is important;
```
ログイン後にコピー
HTML の 3 つの一般的な要素の詳細な紹介
b - 太字 (推奨されません)、strong - 太字の強調、 em - イタリック体は重要です{すべて二重タグです}
<b> 标签作为最后的选项。HTML5 规范声明：应该使用 <h1> - <h6> 来表示标题，使用<em>标签来表示强调的文本，应该使用<strong><b>
タグは、他に適切なタグがない場合の最後のオプションとして使用する必要があります。 HTML5 仕様ステートメント: <h1> - <h6> はタイトルを表すために使用する必要があります、強調されたテキストを表すには <em>
タグを使用し、重要なテキストを表すには
<strong> タグを使用する必要があります。 これらは、
font-weight
属性
を通じて設定することもできます。
bdo はテキストの方向を定義します
<br /> rtl: ここにテキストがあります <br /> ltr: ここにテキストがあります
<big><big>12</big></big>
br - 换行<br> <br />

HTML の 3 つの一般的な要素の詳細な紹介

big - 元のフォントより 1 サイズ大きい。
コンピューターコード (ソースコードを引用する場合に必要)
dfn - フィールドを定義します
i - イタリック体
img - 画像
input - 入力ボックス
kbd - キーボードテキストを定義します
samp - サンプルコンピューターコードを定義します
var - 変数を定義します
q - 短い引用符
small - 小さいフォントのテキスト
span - 一般的に使用されるインラインコンテナ、テキスト内のブロックを定義
label - テーブルラベル
del - 削除された部分
ins - 新しく挿入された部分

select - 項目の選択

sub - 添字

sup - up HTML の 3 つの一般的な要素の詳細な紹介 textarea - 複数行のテキスト入力ボックス
iframe - 別のドキュメントを含むインラインフレームを作成する

    <iframe src="block_elements.html" width="" height=""></iframe>

ログイン後にコピー

HTML の 3 つの一般的な要素の詳細な紹介

(

map

,area) - クリッカブルエリアマッピングのある画像

   < img src="../../LG/image/ff8080814aecc157014aecdf36aa002a.jpg" width="300px" border="0" usemap="#test" alt="test" />
   <map name="test" id="test">
    <area shape="circle" coords="20,20,50" href="block_elements.html" alt="" />
    </map>

ログイン後にコピー

は、インライン要素、インライン要素、インライン要素、およびインライン要素と呼ばれます。

は、通常、セマンティックレベルの基本要素に基づいており、通常はブロック要素内に含まれるテキストまたはその他のインライン要素のみを収容できます。。

インライン要素には次のものが含まれます

ブロックレベルの要素
キャプション要素はテーブル内で繰り返されるときに折り返されることに注意してください。表では、繰り返しても折り返されません。
アドレス - 文書または記事の著者の連絡先情報を定義します。斜体で表示します。

miss_du作
.jpg
blockquote - ラベル定義のブロック引用符、左側と右側が自動的にインデントされます
```
俗话说得好
<blockquote>
    笨鸟先飞
</blockquote>
```
ログイン後にコピー
HTML の 3 つの一般的な要素の詳細な紹介
dir - ディレクトリ List
```
<dir>
    <li>第一章</li>
    <li>第二章</li>
    <li>第三章</li>
</dir>
```
ログイン後にコピー
HTML の 3 つの一般的な要素の詳細な紹介
dl>dt+dd-リストを定義します。これはよく使用されるため、距離はありませんul>li-define リストは必要ありません
ol>li -順序付きリストを定義します
pCSS レイアウトによく使用されるブロックレベルの要素。
(fieldest、legend) - 関連する要素をフォームに結合します
```
<fieldset id="">
    <legend>性别</legend>
    女:<input type="radio" name="" id="" value="" />
    男:<input type="radio" name="" id="" value="" />
</fieldset>
```
ログイン後にコピー
🎜🎜🎜🎜🎜HTML の 3 つの一般的な要素の詳細な紹介🎜
　 form - 交互表单
　 h1 ~h6
　 hr - 水平分隔线
　 noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
　noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
　pre - 格式化文本,，主要用于显示源码。
```
<pre class="brush:php;toolbar:false">
    <a>
    显示源码了么？
    </a>            
```
ログイン後にコピー
HTML の 3 つの一般的な要素の詳細な紹介
　table - 表格
```
<table border="" cellspacing="" cellpadding="">
    <caption>hello</caption>
    <thead style="background: black;color: #fff;">
        <tr>
            <th>Header</th>
            <th>Header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Data</td>
            <td>Data</td>
        </tr>
    </tbody>
</table>
```
ログイン後にコピー