マインドマップギャラリー htmlの基本構造
HTML の基本構造のマインド マップ: 1. html content/html、HTML ドキュメントのドキュメント マーク (HTML 開始マークとも呼ばれます)、head content/head、HTML ファイル ヘッダー マーク (HTML ヘッダーとも呼ばれます) が含まれます。情報スタートマークなど
2022-04-18 16:54:22 に編集されましたhtmlの基本構造
2.ドキュメントセットマーク
1.フォーマットマーク
1、
改行マークを強制する
次のテキスト、図、表を次の行に表示します。
2、
段落記号を変更する
3. ;
中央揃えマーク
4.
事前にフォーマットされたマークアップ
5.
リストアイテムタグ
6.
順序なしリストタグ
7。
順序付きリストタグ
特定の順序を表示できる
1.フォーマット
ol type = "シンボルタイプ"
li type = "シンボルタイプ" /li
li type = "シンボルタイプ" /li
/ol
2. 順序付きリストの type 属性
1
アラビア数字 1、2、3 など、デフォルトのタイプ属性値
あ
大小の文字A、B、Cなど。
ある
小文字の a、b、c など。
私
大文字のローマ数字
私
小さなローマ数字
3. 価値
新しいシーケンスの開始値を指定します
4. リストは入れ子にすることができます
8、
定義されたリスト
使用シーン
リスト項目の簡単な説明を入力します
フォーマット
9、
パーティション表示タグ (値レイヤー タグとも呼ばれます)
これは、大きな HTML 段落を整理するためによく使用されます。また、リストの書式設定にも使用できます。
10.
水平分割線マーク
2. テキストマーク
1.hn
タイトルタグ
n の範囲は 1 ~ 6 で、各レベルは異なる表示サイズの h1 と最小のタイトルに対応します。
2.フォント
フォントサイズの設定
よく使用される 3 つの属性
1.サイズ
フォントサイズ = "3"
値の範囲は 1 ~ 7 で、デフォルトは 3 です。
2.色
フォントの色 = "赤"
3.顔
font face = "マイクロソフト弥平"
3.b
太字のフォントマーク
4.私
斜体フォントマーク
5.サブ
テキストの下付き文字
6. スープ
テキストの上付きマーク
7.tt
プリンターのフォントマーク
8.引用
引用に使用されるフォント、通常は斜体
9.em
強調を示し、通常は斜体で表示されます
10.強い
強調を示し、通常は太字で表示されます
11.小さい
小さなフォントのマーク
12. 大きい
大文字のフォントマーク
13.あなた
フォントマークに下線を付ける
3. 画像のタグ付け
imgイメージタグ
1. 使用方法
img src = "パス/ファイル名.画像形式" width = "属性値" height = "属性値" border = "属性値" alt = "属性値"?
2. 注意する
1. img は単一のタグなので、/img で閉じる必要はありません。
2. 画像ファイルを読み込む際、ファイルパスまたはファイル名のファイル形式が間違っていると、画像が読み込まれません。
3. imgタグの属性
1.src属性
効果
ロードする画像のパスと名前、および画像の形式を指定します。
2.幅属性
効果
画像の幅を指定する
単位: px、em、cm、mm
3.高さ属性
効果
画像の高さを指定する
単位: px、em、cm、mm
4. ボーダー属性
効果
画像の枠線の幅を指定します
単位: px、em、cm、mm
5alt属性
機能1
Web ページ上の画像が読み込まれたら、その上にマウスを移動すると、画像で指定された属性テキストが表示されます。
機能2
画像がダウンロードされていないか、読み込みに失敗した場合は、画像の代わりにテキストが表示されます。
機能3
検索エンジンは、この属性のテキストを通じて画像をクロールできます。
1.htmlの基本構造
1. HTML コンテンツ /html
説明する
HTML ドキュメントのドキュメント タグ。HTML 開始タグとも呼ばれます。
関数
これらのタグのペアは、それぞれ Web ページの前面と背面にあります。
htmlはフロントエンドのWebページの始まりを表します
/htmlは最後にWebページの終わりを示します
2. ヘッドコンテンツ /head
説明する
HTML ファイルのヘッダー タグ。HTML ヘッダー情報開始タグとも呼ばれます。
関数
Web ページのタイトルやキーワードなど、ファイルに関する基本情報を含めるために使用されます。 head /head には、title /title、meta /meta、style /style およびその他のタグを配置できます。
知らせ
head /head タグ内のコンテンツはブラウザに表示されません。
3. タイトル内容・タイトル
説明する
HTMLファイルのタイトルタグ
関数
ブラウザの左上に表示されるWebページの「テーマ」
知らせ
Web ページのタイトルは長すぎてはいけません。短くて簡潔でなければなりません。また、title /title タグには他のタグを含めることはできません。
htmlの基本構造
1. HTML コンテンツ /html
説明する
HTML ドキュメントのドキュメント タグ。HTML 開始タグとも呼ばれます。
関数
これらのタグのペアは、それぞれ Web ページの前面と背面にあります。
htmlはフロントエンドのWebページの始まりを表します
/htmlは最後にWebページの終わりを示します
2. ヘッドコンテンツ /head
説明する
HTML ファイルのヘッダー タグ。HTML ヘッダー情報開始タグとも呼ばれます。
関数
Web ページのタイトルやキーワードなど、ファイルに関する基本情報を含めるために使用されます。 head /head には、title /title、meta /meta、style /style およびその他のタグを配置できます。
知らせ
head /head タグ内のコンテンツはブラウザに表示されません。
3. タイトル内容・タイトル
説明する
HTMLファイルのタイトルタグ
関数
ブラウザの左上に表示されるWebページの「テーマ」
知らせ
Web ページのタイトルは長すぎてはいけません。短くて簡潔でなければなりません。また、title /title タグには他のタグを含めることはできません。
説明する
HTMLドキュメントのテーマタグ
4. 本文の内容 /body
関数
body... /body は Web ページの主題部分です。これらのタグの間に、/p、h1、/br などのタグを含めることができます。これらの内容が、表示されるコンテンツを構成します。
bodyタグの共通属性
1.bgカラー
背景色の設定
2.テキスト
文字色の設定
3.リンク
リンク色の設定
4.vリンク
訪問した接続の色
5.リンク
クリックされたリンクの色
5. メタコンテンツ/メタ
説明する
ページのメタ情報(メタ情報)
関数
検索エンジンの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。
必須の属性
コンテンツ
値: some_text
name属性に関連するメタ情報を定義する
共通のプロパティ
1. よく使用される名前属性
1.著者
2. キーワード
3. 説明
4.その他
メタタグはhead要素内に配置する必要があることに注意してください。
説明する
HTMLドキュメントのテーマタグ
4. 本文の内容 /body
関数
body... /body は Web ページの主題部分です。これらのタグの間に、/p、h1、/br などのタグを含めることができます。これらの内容が、表示されるコンテンツを構成します。
bodyタグの共通属性
1.bgカラー
背景色の設定
2.テキスト
文字色の設定
3.リンク
リンク色の設定
4.vリンク
訪問した接続の色
5.リンク
クリックされたリンクの色
5. メタコンテンツ/メタ
説明する
ページのメタ情報(メタ情報)
関数
検索エンジンの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。
必須の属性
コンテンツ
値: some_text
name属性に関連するメタ情報を定義する
共通のプロパティ
1. よく使用される名前属性
1.著者
2. キーワード
3. 説明
4.その他
メタタグはhead要素内に配置する必要があることに注意してください。
4. ハイパーリンクの使用
1. 基本的な文法
a href = "" target = "開く" name = "ページアンカー名" リンクテキストまたは画像 /a
2. 属性
1. href 属性
リンク アドレスには、Web ページ、ビデオ、写真、音楽などを指定できます。
2. ターゲット属性
1.機能
リンクを開く方法を定義する
2. 属性値
1.ブランク
リンクを新しいウィンドウで開く
2.seif(デフォルト値)
現在のウィンドウでリンクを開く
3.親
親ウィンドウでページを開きます (フレームでよく使用されます)
4.トップ
最上位ウィンドウでファイルを開きます (フレームでよく使用されます)
3. 名前属性
ページのアンカー名を指定します