マインドマップギャラリー html
HTML を始めるにあたっての重要なポイントをまとめたものです。必要な情報が満載です。
2023-12-03 15:12:26 に編集されましたHTML
ラベル(山括弧が付いているもの)
.html ファイルを生成したら!入力
ラベルは奇数と偶数に分かれています
単一ラベル: hr
二重タグ:p
スケルトン 9 4 つのタグ
html: Web ページ全体
head: Web ページのヘッダー
title: ウェブページのタイトル
body: Web ページのテーマ。内部に直接入力できます。
タグ間の関係
星座
入れ子関係
コメント
Ctrl/
この線上のどこでも、
タイポグラフィーのタグ
タイトルタグ
特徴:専用線、太字、徐々に文字サイズが小さくなる、6
H1 ページは通常、Web ページ内で 1 回だけ使用されます。ニュースのタイトルやウェブページの名前を入れるために使用されます
段落タグp
排他行、段落間の隙間、アダプティブレイアウト
テキスト書式設定タグ
2 つのテキスト書式設定タグが 1 行に表示されます
強い太字EMチルト
画像タグ(シングル)
<img src="画像パス" alt=" ">
属性
alt(置換テキスト):画像が表示できない場合に表示されるテキスト
タイトル (プロンプトテキスト): マウスホバー時に表示されるテキスト
幅
身長
ブラウザはデフォルトで画像を同じ比率に拡大縮小します
パス
カテゴリ: 相対パス、絶対パス
相対パス(よく使われる)
. は、現在のファイルが存在する場所を示します。
/ フォルダーに移動します
../ 前のフォルダー
絶対パス
Windows のデフォルト値は「\」ですが、その他のシステムの場合は「/」に変更することをお勧めします。
Web ページ上で右クリックし、画像のパスをコピーしてもジャンプできます。
ハイパーリンク
<a href="http://">ジャンプリンク</a>
href="./" も使用できます
href="#"空のリンク
target="_blank" は前のインターフェイスを上書きしません。デフォルトのカバレッジは _self です。
オーディオ
<オーディオ></オーディオ>
属性
送信元
コントロール
属性名と属性値は省略することもできます。属性名のみを記述します。
コントロールパネルを表示
ループ
同上、
ループ
自動再生
上記と同じですが、推奨されません
自動再生
ビデオ
<ビデオ></ビデオ>
属性
コントロール
送信元
ループ
ミュートされた
黙って遊ぶ
自動再生
自動的に再生されますが、ミュートされます
リスト、テーブル、フォーム
リスト
きちんとしたコンテンツを含むエリアをレイアウトする
分類
秩序ある
順番に指定する必要がある領域
OL ネストされたリー
ol には li のみを含めることができます
障害
ul ネストされた li
ul タグには li タグのみを含めることができ、li タグには任意のコンテンツを含めることができます。
定義リスト
通常、最終サービスセンターに使用されます
dl は dt と dd をネストします。dt が上で dd が下です。
dl: 定義リスト
dt: リストのタイトルを定義します
dd: リストの説明を定義します。
dl には dt と dd のみを含めることができます
シート
4つのラベル
テーブル: テーブル
tr: わかりました
th: ヘッダーセル
td: コンテンツセル
テーブルは tr をネストし、各 tr は th または td をネストします。
デフォルトではテーブル線はありません。テーブルに境界線属性 (テーブル線の太さを表す) を追加するだけです。
テーブル構造タグ
宣伝
ボディ
tフット
将来の CSS 変更に備えてテーブル全体の内容を分類します。
セルを結合します
水平セルと垂直セルを行と列にまたがるグリッドに結合します
ステップをマージする
左端と上端のセルを保持し、属性を追加します (値は数値であり、結合する必要があるセルの数を示します)。
クロス行、属性行スパン
スパン列、コルスパン
td で rowspan="x"、colspan="x" を取得します
他のセルを削除する
構造タグ間でマージできない
形状
ユーザー情報の収集、ログイン、登録、エリア検索などに利用されます。
入力タグ
<input type="....">、タイプが異なれば機能も異なります。
属性値
テキスト: テキスト ボックス、単一行テキストの入力
パスワード: パスワードボックス、のみ表示されます。 。 。 。
ラジオ:ラジオボタン
属性名
name: コントロールの名前。グループ内で 1 つだけ選択できます。自分で選択します。
チェック済み: デフォルトでチェックされています。属性値と属性名は同じです。1 つだけを書き込みます。
例: 性別を選択した場合、デフォルトは男性ですが、女性を選択した場合は変更します。
<input type="radio" name="gender" チェック済み>男性
<input type="radio" name="gender">女性
チェックボックス: 複数選択ボックス
チェック済み: デフォルトでチェック済み (通常、規約に同意するために使用されます)
ファイル: ファイル、アバターなどをアップロードします。
複数のファイルを転送するには、属性名 multiple (same) を追加します
元
テキストボックス: <input type="text">
タグのプレースホルダーテキストを入力
<input type="text" placeholder="ユーザー名を入力してください">
フレーム内の即時情報、明るい色の文字
ドロップダウンメニュー
ネストされたオプションを選択すると、選択された属性がデフォルトに設定されます
テキストフィールド
複数行にテキストを入力します
<textarea>プロンプトテキスト</textarea>
右下隅に角があります
ラベル ラベル
これを使用してテキスト コントロールとフォーム コントロールの間の関係をバインドし、フォーム コントロールのクリック範囲を広げます。
どちらの書き方でも
1. ラベル label は、フォーム コントロールではなくコンテンツのみをラップします。ラベル label の for 属性をフォーム コントロールの id 属性と同じ値に設定します。
2. ラベルはテキストとフォームのコントロールを直接ラップし、1 行に 1 つのラベルを付けます。
テキスト、パスワード、ファイル、ラジオ、チェックボックス、選択、テキストエリアはすべてクリック範囲の拡大をサポートします
ボタン
<button type=""></button>type を省略した場合、デフォルトは submit です。
type 属性値
submit: 送信、データはバックグラウンドに送信されます
リセット:リセット
使用する場合は、form タグと一致させ、リセットしたい場所をすべて form タグ内に入れる必要があります。
<form action="データ送信先アドレス"></form>
button: 通常のボタン、js で使用されます
セマンティックな div と Span
Webページのレイアウトに使用されます
div(大箱):専用線
スパン (小さなボックス): 改行なし
文字エンティティ
スペース:
コード内で認識できるスペースは 1 つだけです。これを複数回コピーしてスペースを増やすことができます。
小なり記号: <
大なり記号:>