HTML学習の概要
1.コンセプト：
ハイパーテキストマークアップ言語ハイパーテキストマークアップ言語
1.ハイパーテキスト：テキストだけでなく、ラベルやその他の情報を組み合わせます。ハイパーテキストは、ハイパーリンクを使用してさまざまなスペースにテキスト情報を整理するWebのようなテキストです
。2。マークアップ言語：
テキストとテキストに関連するその他の情報を組み合わせて、ドキュメントの構造とデータ処理の詳細を表示するコンピューターテキストエンコーディングです。テキストに関連するその他の情報（テキストの構造や表示情報など）は、元のテキストと結合されますが、マークが付けられています。
2.はじめに：
構文：
1。htmlドキュメントのサフィックスは.htmlまたは.htmです
。2。タグは
1に分割されます。包含タグ：開始タグと終了タグがあります。このようなとして
一緒にラベルと終了ラベルを起動します。2.自己終了とラベリング。など
3.タグを入れ子にすることができます：彼らは
私の中で、あなたがあなたの中に私を持っていないことができ、正しく入れ子にする必要があり、あなたの
エラー：
正しい：
4.属性は開始タグで定義できます。属性はキーと値のペアで構成されます。値は引用符で囲む必要があります（シングルとダブルの両方）
。5。HTMLタグは大文字と小文字を区別しませんが、小文字をお勧めします。
* 代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
3.ラベル：
-
ファイルタグ：htmlを構成する最も基本的なタグ
* html：htmlドキュメントのルートタグ
*ヘッド：ヘッドタグ。htmlドキュメントのいくつかの属性を指定するために使用されます。外部リソースの紹介
* title：タイトルタグ。
* body：bodyタグ
*：ドキュメントはhtml5でhtmlドキュメント
2として定義されます。Textタグ：テキストに関連するタグ
*注：
* <h1>から<h6>：タイトルタグ
* h1〜h6：フォントサイズが徐々に小さくなります
* < p>：段落タグ
* <br>：改行タグ
* <hr>：水平線を表示
*属性：
*色：色
*幅：幅
*サイズ：高さ
*配置：配置
*中央：中央
*左：左配置
*右：右揃え
* <b>：太字のフォント
* <i>：斜体のフォント
* <フォント>：フォントタグ
* <中央>：中央揃えのテキスト
*属性：
*色：色
*サイズ：サイズ
*面：フォント
*属性の定義：
*色：
1。英語の単語：赤、緑、青
2. rgb（値1、値2、値3）：値の範囲：0〜255（rgb（0,0,255）など）
3。＃value1 value2 value3 ：値の範囲：00〜FF 。例：＃FF00FF
*幅：
1。値：width = '20'、値の単位、デフォルトはpx（ピクセル）
2。値％：親要素に対する比率の比率
3.画像タグ：
* img：画像を表示
*属性：
* src：画像の場所を指定します- コード：
<img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/> <!-- 相对路径 * 以.开头的路径 * ./：代表当前目录 ./image/1.jpg * ../:代表上一级目录 --> <img src="./image/jiangwai_1.jpg"> <img src="../image/jiangwai_1.jpg"> -
リストタグ：
*順序付きリスト：
* ol：
* li：
*順序なしリスト：
* ul：
* li： -
リンクラベル：
* a：ハイパーリンクを定義します
*属性：
* href：リソースにアクセスするためのURL（Uniform Resource Locator）を
指定します* target：リソースを開く方法を指定します
* _self：デフォルト値、現在のページで開きます
* _blank：空白ページが開きます-
コード：
\<!--超链接 a--> <a href="http://www.itcast.cn">点我</a> <br> <a href="http://www.itcast.cn" target="_self">点我</a> <br> <a href="http://www.itcast.cn" target="_blank">点我</a> <br> <a href="./5_列表标签.html">列表标签</a><br> <a href="mailto:[email protected]">联系我们</a> <br> <a href="http://www.itcast.cn"><img src="image/jiangwai_1.jpg"></a>
-
-
divとspan：
div：各divは1行全体を占めます。ブロックレベルの
タグスパン：テキスト情報は1行に表示され、インラインタグはインラインタグです -
セマンティックタグ：プログラムの読みやすさを向上させるために、html5にはいくつかのタグが用意されています。
1. <header>：ヘッダー
2. <footer>：フッター -
テーブルタグ：
*テーブル：テーブルを定義します
*幅：幅
*境界線：境界線
*セルパディング：コンテンツとセル
間の距離を定義します*セル間隔：セル間の距離を定義します。0として指定すると、セル行は1つにマージされます。
* bgcolor：背景色
*整列：配置
* tr：行を定義
* bgcolor：背景色
*整列：配置
* td：セルを定義
* colspan：列をマージ
* rowspan：行のマージ
* th：テーブルヘッダーセルの定義
* <caption>：テーブルタイトル
* <thead>：テーブルの先頭部分を示します
* <tbody>：テーブルの本体部分を示します
* <tfoot>：テーブルの脚部分を示します