マインドマップギャラリー HTMLの概要
日常のHTMLでよく使う知識の基本まとめ HTMLの基礎 HTMLまとめ HTML
2020-02-28 23:31:53 に編集されましたHTMLの概要
HTMLの基本的な文書形式
<!DOCTYPE html> <html> <頭> <meta charset="utf-8" /> <title>ドキュメントのタイトル</title> </head> <本文> ドキュメントオントロジー </body> </html>
基本タグ
<本文> <h1>最大のタイトル</h1> <h2>2 番目に大きなタイトル</h2> <h3> 。 <h4> 。 <h5> 。 <h6>最低限のタイトル</h6> <p>これは段落です。 </p> <br> (改行) <hr> (横線) <!-- これはコメントです --> </body>
リンク
<本文> <!--通常のリンク: --> <a href="http://www.baidu.com/">リンク テキスト</a> <!--画像リンク: --> <a href="http://www.baidu.com/"><img src="URL" alt="画像リンクの代替テキスト"></a> <!--電子メールリンク: --> <a href="mailto:zyl_lfe@163.com">電子メールを送信</a> <!--ブックマーク:--> <a id="tips">ヒントセクション</a> <a href="#tips">ヒントにスキップ</a> </body>
画像
<本文> <img src="URL" alt="置換テキスト" height="32" width="32"> </body>
テキストの書式設定 (書式設定)
<本文> <b>太字のテキスト</b> <!-- コンピュータ コードの一部を Web ページ上に表示したい場合は、このコードを <code> タグで囲む必要があります。そうしないと、Web ページのコードとして実行されます。 --> <コード> 合計 = 0 range(101) 内の i の場合: 合計 = i 印刷(合計) </コード> <em>強調テキスト</em> <i>斜体テキスト</i> <!--事前にフォーマットされたテキストタグ--> <前> 濃い薄黄色の体、柔らかい性質、 恋の痕跡は遠くなっても、香りは残る。 なぜ明るい緑と濃い赤なのか、 彼は花の中で一番だ。 </pre> <small>文字を小さく</small> <strong>重要なテキスト</strong> <!--<abbr title="略語の完全名">略語</abbr>--> <abbr title="ハイパー テキスト マークアップ言語">HTML</abbr> <!--連絡先住所ラベル--> <アドレス> 百度のアドレス: <a href="https://www.baidu.com">百度の入り口</a> </アドレス> <!--テキストの表示方向--> <p>この段落のテキストは左から右に表示されます。 </p> <p><bdo dir="rtl">この段落のテキストは右から左に表示されます。 </bdo></p> <!--別の情報源からの参照--> <p>これは通常の段落です</p> <blockquote cite="ソースアドレス"> <p>これは引用された段落です</p><p>これは引用された段落です</p> </blockquote> <p>これも通常の段落です</p> <!--テキストと挿入されたテキストを削除します--> <p>(これは削除タグと挿入タグで使用される例です)</br>元の価格<del>180</del>現在は <ins>80</ins></p> <!-- 上付きテキストと下付きテキスト --> <div> このタグは <sub>サブ添え字テキスト</sub>です。 このタグは <sup>sup 上付きテキスト</sup> です </div> <!-- div タグのデフォルトのスタイルは単独の行にあり、その CSS スタイルを再割り当てする必要があります。たとえば、div の幅と高さ、内部フォント サイズ、フォントの色などのスタイル設定は、CSS を通じて実装する必要があります --> <スタイル> div{ margin-top:10px}/* css コメント: すべての div の上部の間隔を 10px に設定します */ .divcss5-1{font-size:16px}/* CSS フォント サイズを 16px に設定します */ .divcss5-2{color:#F00}/* CSS フォントの色を赤に設定します */ .divcss5-3{background:#000; color:#FFF}/* CSS の背景色を黒、フォントの色を白に設定します */ .divcss5-4{ border:1px Solid #F00; height:60px}/* CSS ボーダーと CSS 高さを 60px に設定します */ </スタイル> <div class="divcss5-1">フォント サイズは 16 ピクセルです</div> <div class="divcss5-2">フォントの色は赤です</div> <div class="divcss5-3">背景が黒、フォントが白です</div> <div class="divcss5-4">レイアウト設定の境界線と高さ</div> </body>
テーブル
<本文> <table border="10"> <tr> <th>テーブルのタイトル</th> <th>テーブルのタイトル</th> </tr> <tr> <td>表形式のデータ</td> <td>表形式のデータ</td> </tr> </テーブル> </body>