右クリック → デフォルト/他のブラウザで開く

オルトB/シフトオルトB

注: ctrl / (ステートメントの後には指定できません。改行が必要です)

<h1>タイトル 1</h1>

h1～h6（本体に入れる）

VS でカーソルが複数の場所で同時に点滅します: Ctrl D

<p>段落</p>

VScode での自動行折り返し: メニュー バー → 表示 → 自動行折り返し

b：太字

う：下線

私：傾ける

s: 取り消し線

強い：大胆な

ins: 下線

em: 傾ける

del: 行を削除

コード `<img src=” ” alt=” ”>`

属性: src (ターゲット画像パス、ショートカットキー: ./)

属性: alt (テキストを置換; 画像の読み込みが失敗した場合に表示)

属性: title (マウスホバー時にプロンプ​​トテキストを表示)

属性：幅・高さ（絵を書くだけで変形しません）

絶対パス: ディレクトリ下の絶対位置。ターゲットの場所に直接到達できます。

相対パス: 現在のファイルから開始して目的のファイルを見つけるプロセス

音声ファイルの挿入: VScode ショートカット キー: ./m... (あいまい検索)

コード: `<audio src="./music.mp3" Controls>text</audio>`

属性

ビデオ ファイルの挿入: VScode ショートカット キー: ./m... (あいまい検索)

コード: `<video src="./video.mp4" コントロール></video>`

属性

href: クリック後にどの Web ページにジャンプするか (対象の Web ページのパス)

target: ターゲット Web ページの開始フォーム

ul: li タグをラップするために使用される順序なしリスト全体を表します

li: 順序なしリストの各項目を表し、各行の内容を含めるために使用されます。

ul タグには li タグのみを含めることができます。li タグには任意のコンテンツを含めることができます。

ol: li タグをラップするために使用される、順序付きリスト全体を表します。

li: 順序付きリスト内の各項目を表し、各行の内容を含めるために使用されます。

ol タグには li タグのみを含めることができます。li タグには任意のコンテンツを含めることができます。

dl: dt/dd タグをラップするために使用されるカスタム リスト全体を表します。

dt: カスタムリストのタイトルを表します

dd: カスタム リストがテーマの各項目用であることを示します

dl タグには dt/dd タグのみを含めることができます。dt/dd タグには任意のコンテンツを含めることができます。

table: 複数の tr をラップするために使用されるテーブル全体

tr: テーブルの各行。td をラップするために使用されます。

td: テーブルセル。コンテンツをラップするために使用できます。

タグの入れ子関係: table > tr > td

border="数値": 境界線の幅

width="数値": テーブルの幅

height="数値": テーブルの高さ

全体のタイトルとサブタイトルの列を表で表します。

キャプション: テーブルのタイトル (テーブル全体のタイトル。デフォルトではテーブル全体の上部と中央に表示されます)

th: 表のセル (サブタイトルの列を示し、通常は表の最初の行で使用され、テキストは太字で中央揃えになります)

知らせ

head: テーブルヘッダー

tbody: テーブル本体

tfoot: テーブルの底

テーブル > ヘッド > tr > td

rowspan="結合されたセルの数": 行間で結合/垂直方向に結合

Colspan="結合されたセルの数": 列間で結合/水平方向に結合

基本的な紹介: 入力は、さまざまな type 属性値を通じてさまざまな効果を表示できます。

テキスト: テキスト ボックス (単一行のテキスト)

パスワード: パスワードボックス

ラジオ：ラジオボタン

チェックボックス: チェックボックス

ファイル: ファイル選択

送信: 送信ボタン

リセット：リセットボタン

下：通常ボタン

送信: 送信ボタン

リセット：リセットボタン

下：通常ボタン

Web ページで複数の選択を提供するドロップダウン メニュー フォーム コントロール

タグの選択: ドロップダウン メニュー全体

オプションタグ: ドロップダウンメニューの各項目

例: `<select name="year"> <option value="">年を選択してください</option> <option value="">1990</option></select>`

rows: テキストフィールドに表示される行数を指定します。

Cols: テキストフィールド内の表示幅を指定します。

実際の開発中は右下隅をドラッグしてサイズを変更できます。スタイル効果には CSS 設定を使用することをお勧めします。

コンテンツタグとフォームタグの間の関係をバインドする

方法 1: `<input type="checkbox" id="one">``<label for="one">コード</label>`

方法 2: `<label><input type="checkbox">夜更かし</label>`

実際にWebページを開発する際には、意味的に意味のない2つのレイアウトタグdivとspanが頻繁に使用されます。

divタグ：1行に1つだけ表示（1行を占有）

スパンタグ: 1 行に複数を表示できます

ヘッダー: Web ページのヘッダー

ナビ：ウェブナビゲーション

フッター: Web ページの下部

余談: Web ページのサイドバー

セクション: Web ページのセクション

記事：ウェブ記事

&nbsp;スペース

< 未満の記号

> より大きい記号

&アンパサンド&

"引用符

&apos; アポストロフィ (IE ではサポートされていません)

&セント(お金)

＆ポンド;

&円;

&ユーロ;

&セクション;

&コピー;