そこに壁があるよ

【HTML】強調、重要性、箇条書き

2020-03-16 05:48:47 | 【ノート】プログラミング学習

◆文章の中で「強調したいこと」を表すタグ
→　<em>：emphasisの略で「強調」を表す。

例
<p>
重要なことは、<em>「継続する」</em>ということです。
</p>

◆「重要性」を表すタグ
→<strong>：「重要」なことを表す。

例
<p>
<strong>寝るな死ぬぞ！</strong>
</p>

◆「順不同型の箇条書き」を表す要素
→ <ul>：unordered listの略で順不同のリストを表す。

例
<ul>
　<li>プログラミング</li>
　<li>WEBデザイン</li>
　<li>宅地建物取引士</li>
</ul>

◆「番号順の箇条書き」を表す要素
→ <ol>；ordered listの略で番号型のリストを表す。

例
<ol>
　<li>帰宅して部屋の掃除を行う</li>
　<li>コーヒーを淹れて、机に向かう</li>
　<li>todoリストを作成し学習開始</li>
</ol>

【HTML】要素の配置ルールとカテゴリ

2020-03-08 18:06:10 | 【ノート】プログラミング学習

HTMLのタグ要素には、「中に配置できるタグ」が決まっており、それを「コンテンツモデル」という。

HTML5以降のコンテンツカテゴリは、

「Metabeta Content」「Flow Content」「Sectioning Content」「Heading Content」「Phrasing Content」「Embedded Content」「Interactive Content」の7つに分類される。

そしてタグの中に配置できる要素を「コンテンツモデル」という。

コンテンツモデルの多くはカテゴリ―名で指定されている。要素の中に別の要素を配置するときは、まずはさむ方のコンテンツモデルを調べる。そしてそのコンテンツモデルの中に配置しようとしているタグがあるのかどうかを確認してからコード入力を行う。

ex.

要素のカテゴリは「Phrasing Content」。

要素の中に配置できるタグは下記の通り。

(フレージング・コンテンツのみを含んでいる場合)、、 <area>(map要素の子孫だった場合)、 <audio>、、 <bdi>、 <bdo>、
、 <button>、 <canvas>、、 、 <data>、 <datalist>、 (フレージング・コンテンツのみを含んでいる場合)、、、 <embed>、、 <iframe>、、 <input>、 (フレージング・コンテンツのみを含んでいる場合)、、 <keygen>、 <label>、 <map>(フレージング・コンテンツのみを含んでいる場合)、 <mark>、 <math>、 <meter>、