H5 学習を始める

[ブロックレベルのタグと行レベルのタグの違い]

1. ブロックレベルのタグ: デフォルトの幅 100% (1 行を占有)

自動折り返し (右側には何も配置できません)

を使用できますcss で幅と高さを設定します

2. 行レベルのタグ: コンテンツの幅、コンテンツによってサポートされます (コンテンツの幅は幅と同じ幅です)

は自動的に折り返されません (左から右に配置されます) )

[共通の行レベルタグ]

span (テキスト)

img (画像)

em (強調)

strong (強調)

q (短い引用)

a (ハイパーリンク) )

i (斜め)

b (太字)

小さい (フォントを減らす)

[em/strong i/b] 違い

① emとiは斜めにすることができ、strongとbは太字にすることができます、しかし、i と b は単なる傾斜であり、em とstrong はより多くの強調セマンティクスを持っています

② em と Strong はどちらも強調を示しますが、strong の方がより高いレベルの強調を持っています

注: 強調の目的は、検索エンジンに主要なコンテンツを知らせることです。 Web ページのタグですが、検索エンジンの検索とは関係ありません

Strong と em は両方とも複数のレイヤーにネストでき、強調度の増加を示します

3 つの主要な引用タグ

Baidu

q タグ: 短い引用を表します

cite 属性: 引用の出典を宣言するために使用されます

コンテンツの一部を引用するために使用されます

作品名、書道および絵画の名前を引用します

類似点: 3 つの主要な引用タグはすべて引用元を宣言するために cite を使用します

相違点: 1. 引用の内容が異なります

q-> 1 つの文 blockquote-> 1 つの段落 cite-> ; 作品名

2. 表示されるデフォルトの効果は異なります

q->デフォルトは、段落全体を右にインデントすることです

cite->デフォルトtilt

img

相対パス:

1. 画像は現在のドキュメントと同じフォルダーにあり、画像名を直接書き込みます

2. 画像は現在のドキュメントの下のフォルダーにあります。フォルダー名/画像名

3. 画像は現在のドキュメントの上にあります。 , ../画像名 (../ は 1 つ前のレイヤーに戻ることを意味します)

画像はプロジェクトに含まれている必要があり、プロジェクト外からアクセスすることはできません。

整列:

上->画像の上、中央->画像の中央、下->画像の下

以上がH5 学習を始めるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。