HTML 5+CSS 3学習のDAY 1
4999 ワード
HTMLに関する知識点
まず、HTMLに関する基礎知識点を学び、HTMLの文法規範、基本的な構成要素、および使用する開発ソフトウェアを含め、HTMLのラベルの下の各方面の知識を系統的に学ぶことが望ましい.
HTML構文仕様
1.ラベル:括弧キーワード 2.通常はペアで表示され、単一のラベル(単一のラベルには通常、ラベルの後ろにスラッシュ/)が付きます.ラベル関係:包含関係(親子関係)と並列関係(兄弟関係)に分けられる.基本的ないくつかのHTML構造ラベル:ラベル|ヘッダラベル|タイトルラベル|本体ラベルhtmlまたは.htm
HTML開発ソフトウェア選択:vscode
1.新規ショートカットキー:Ctrl+N 入力!1つ目を選択するかtabキーを押すことでページスケルトン構造を生成する.vscode推奨プラグイン a.Chinese(simplified)Language xxx中国語簡体字プラグイン b.Open in Browerブラウザでプラグイン c.Auto rename Tagを開く自動名前変更 d.css peek(後述)3.ページスケルトン構造の構造解析
1.文書宣言タイプ(HTMLバージョンを表示)2.lang言語:現在のドキュメントの表示を定義する言語(enは英語、zh-CNは中国語)3.charset文字セット:複数文字の集合、UTF-8は万国語
HTML共通ラベル
まずラベルの意味を理解する必要がある:各ラベルの意味を理解する
見出しラベル
タイトルラベルはペアで表示されるラベルで、6つの等級に分けられます:----; 特徴: 1.タイトルを付けた文字は太くなり、字号も2.1つの見出しが1行を独占する
段落と改行ラベル
1.段落タグ タグは段落を定義するために使用され、ウェブページを承諾の段落に分けるのは、ペアで現れるタグの特徴である: a.テキストは1つの段落の中でブラウザウィンドウの大きさによって自分で改行する.b.セグメントとセグメントの間に大きな隙間が残る
2.改行ラベル強制改行の特徴: a.は単一ラベル b.ラベルは単純に新しい行を開始するだけで、段落とは異なり、段落間に間隔が挿入されます
テキスト書式設定ラベル
テキストに太字、斜体、下線を設定し、テキストの重要性を強調します.
意味
タブ
太くする
または
けいしゃ
または
線の削除
または
下線
または
およびラベル
この2つのラベルは意味がなく、1つの箱に相当し、内容を詰めるために使用されます.
特徴: a.ラベルはレイアウトに用いられるが、1行に1つのラベルしか入れられず、1つの大きな箱 b.ラベルは同様にレイアウトに用いられるが、1行には多くのラベルを置くことができ、divの中の同じ列の小さな箱に比べて
まず、HTMLに関する基礎知識点を学び、HTMLの文法規範、基本的な構成要素、および使用する開発ソフトウェアを含め、HTMLのラベルの下の各方面の知識を系統的に学ぶことが望ましい.
HTML構文仕様
1.ラベル:括弧キーワード 2.通常はペアで表示され、単一のラベル(単一のラベルには通常、ラベルの後ろにスラッシュ/)が付きます.ラベル関係:包含関係(親子関係)と並列関係(兄弟関係)に分けられる.基本的ないくつかのHTML構造ラベル:ラベル|ヘッダラベル|タイトルラベル|本体ラベルhtmlまたは.htm
HTML開発ソフトウェア選択:vscode
1.新規ショートカットキー:Ctrl+N 入力!1つ目を選択するかtabキーを押すことでページスケルトン構造を生成する.vscode推奨プラグイン a.Chinese(simplified)Language xxx中国語簡体字プラグイン b.Open in Browerブラウザでプラグイン c.Auto rename Tagを開く自動名前変更 d.css peek(後述)3.ページスケルトン構造の構造解析
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
body>
html>
1.文書宣言タイプ(HTMLバージョンを表示)2.lang言語:現在のドキュメントの表示を定義する言語(enは英語、zh-CNは中国語)3.charset文字セット:複数文字の集合、UTF-8は万国語
HTML共通ラベル
まずラベルの意味を理解する必要がある:各ラベルの意味を理解する
見出しラベル
タイトルラベルはペアで表示されるラベルで、6つの等級に分けられます:----; 特徴: 1.タイトルを付けた文字は太くなり、字号も2.1つの見出しが1行を独占する
段落と改行ラベル
1.段落タグ タグは段落を定義するために使用され、ウェブページを承諾の段落に分けるのは、ペアで現れるタグの特徴である: a.テキストは1つの段落の中でブラウザウィンドウの大きさによって自分で改行する.b.セグメントとセグメントの間に大きな隙間が残る
<p>( : ) : p>
2.改行ラベル強制改行の特徴: a.は単一ラベル b.ラベルは単純に新しい行を開始するだけで、段落とは異なり、段落間に間隔が挿入されます
, ,<br/> , , , 、
テキスト書式設定ラベル
テキストに太字、斜体、下線を設定し、テキストの重要性を強調します.
意味
タブ
太くする
または
けいしゃ
または
線の削除
または
下線
または
およびラベル
この2つのラベルは意味がなく、1つの箱に相当し、内容を詰めるために使用されます.
特徴: a.ラベルはレイアウトに用いられるが、1行に1つのラベルしか入れられず、1つの大きな箱 b.ラベルは同様にレイアウトに用いられるが、1行には多くのラベルを置くことができ、divの中の同じ列の小さな箱に比べて