HTML 5 と要素の伝説

やあ!これまでのところ、HTML ケーキを少し食べてきましたが、さらに先に進む時が来ました.準備?
*さあ行こう! 😁 *

まず、要素、その属性、およびそれらをフォーマットする方法について詳しく見ていきましょう.要素は最初のタグ、コンテンツ、および終了タグによって構成されることを忘れないでください.したがって、それらを閉じることを常に忘れないようにする必要があります.ただし、空の要素と呼ばれるすべてのタグを閉じる必要がない場合もあります.

覚えておくべきもう 1 つのポイントは、タグをネストできることです.これは、タグが互いに内側にあることを意味します.たとえば、次のようになります.

<p>lorem <b>ipsum</b> </p>

HTML文書はネストされたタグで構成されていると言えます

属性

以前の投稿で属性について説明しましたが、これらの属性とはどのようなものでしょうか?開始するには、次のことを知っておく必要があります.

属性を持つ必要がある要素があります.代表的な例は <img> タグです.これは自己終了ですが、有効にするためには属性が必要です.

<img src="">

常に最初のタグから開始する必要があります.

文字列属性値のみを引用符で囲む必要があります.

有効な例:

<img width=100 height=100 src="...">

無効な例:

<img width=100px height=100px src="...">

「小文字」の属性を使用することをお勧めします.

属性の例は次のとおりです.

 <a href="put here your link">Oh yeah 😊</a>

コンテンツのフォーマット

私のコードはどのように見えるべきですか?どうやってそれをするのですか? HTML を使用すると、誰でも簡単に理解できる実際の視覚的な形式を作成できます. HTML の外観を完璧にするための最初のステップは、太字やイタリック体などで単語を強調することです.そして、html はこれをどのように処理するのでしょうか?さて、タグを通して!それ以外の理由は何ですか?

ここにいくつかのタグがあります:

<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<sub> - Subscript text
<sup> - Superscript text

<STRONG> VS <B> :

b タグと strong タグは同じ視覚的意味を持っていますが、Google は常に strong タグよりも重要視しています. <strong> は、「大胆なスタイル」を持つものよりも、「強い重要性」を持つものに使用されます.

<I> 対 <EM> :

em 要素は、一般的な「斜体」要素ではありません.場合によっては、テキストが段落の残りの部分から際立っているように意図されていることがあります.これには、<i> 要素がより適切です.

**使用例**

<i><abbr title="Generic Universal Role Playing System">GURPS</abbr></i>, <b>Steve Jackson Games'</b> flagship role-playing game, was first released in 1985. Several licensed adaptations of other companies' games exist for the system, such as <i>GURPS Bunnies and Burrows.</i> However, <b>SJ Games</b> has no connection with <b>Wizards of the Coast</b>, producers of the <i>Dungeons and Dragons</i> RPG. <em>No <i>GURPS</i> content is open-source.</em> <strong>Do not plagiarize <b>SJ Games</b> work!</strong>

コメント

最後に、私はいつもコメントとドキュメンテーションについて話すのを締めくくるのが好きです、はい 😆 私を殺さないでください 🤓、私はすべての開発者がコードをドキュメンテーションしなければならないことを嫌うのを知っています.将来、あなたは何も理解できないと確信しています.コメントは日常生活の中で非常に重要です.コメントの書き方を知っているだけでなく、他の開発者からのコメントを理解し、コードを適応させる方法を知っている必要があります.チームのソフトウェア要件については、次の例をご覧ください.

<!--------------- comment --------------------->

ああ 😞、今日の投稿はこれで終わりですが、心配しないでください.ちょっとしたプレゼントがあります. HTML の達人になるために必要なすべてのタグを含むチートシート.次の投稿で、このチートシートをダウンロードできるようにします.忘れないで:

You must be your own best version 🥳.