HTMLの基本

3282 ワード

HTMLとは
HTMLは開発ウェブサイトの非常に最初のビルディングブロックです.これは、ブラウザにどのようなコンテンツは、Webページ上で表示するには、基本的な方法で、どのように表示されるコンテンツを表示する必要があります.
HTMLは要素から成り立っている.要素は開始タグと終了タグからなります.タグは2つの角括弧の間の要素の名前から成ります.そして、それが閉じているタグであるかどうか示すためにバックスラッシュを持ちます.タグの間のどんなテキストもページに表示されるものです.そして、タグがどんな要素であるか、そして、それがどのように表示されなければならないかを示しています.

HTML要素<h1>Hello World</h1>上の例は、典型的なHTML要素を示しています.開始タグ、表示するテキスト、および終了タグで始まります.終了タグは開始タグと同じですが、要素の名前にはバックスラッシュが先行しています.MDNはHTML要素の解剖学を描写する非常に良いイメージを持っていますhere .
タグ間の内容は、他のHTML要素も含みます.これはネスト化と呼ばれ、一般的にHTMLページの構築方法です.要素を他の要素の中に入れ子にして、望むレイアウトを作成できます.

要素例

<div> - 一緒に要素をグループ化するために使用される

<p> - 段落を表示するために使用される

<img> - イメージを表示するために使用される

<a> - 別のウェブサイトまたはページの特定の部分にリンクするために使用される

<h1> 通し<h6> - h 1が最小値であるh 6までの最大値であるヘッダ要素を表示するために使用されます

属性<h1 class="header-text">Hello World</h1>HTML要素は、属性の形でそれらに追加された余分な情報を持つことができます.それらは開始タグに挿入されて、フォーマットに続きますattribute="value" これは完全な要素の中で見ることができます.いくつかのCSSやJavaScriptのシーンの背後に使用され、いくつかの要素は何かをする必要があることを伝えるために使用されている属性の多くの種類があります.

属性例

class - CSSやJavaScriptを通じて同じクラスの値を持つ他のすべての要素と共に要素を対象にするのに使用されます

id - CSSまたはJavaScriptを使用して要素を対象としたり、アンカーを使用してページのこの部分にリンクするために使用します<a> 元素

href - それがそうするべきリンクでアンカー要素を提供するのに使用される

src - そのイメージへのリンクを提供するために使用される<img> 要素の表示

営巣

<html>
   <body>
      <div>
         <h1>Hello World</h1>
         <a href="https://www.google.com>Click me!</a>
      </div>
      <div>
         <h4>Dinosaurs</h4>
         <p>Dinosaurs are great.</p>
      </div>
   </body>
</html>

上記の要素は、他の要素内の入れ子要素の典型的な例である.トップレベルはhtml これらのタグの間のすべてがHTMLであることをブラウザに指示する要素.次はbody そのタグの間のすべてを表示するブラウザに指示する要素.(また、head スタイルシートやスクリプトがロードされる要素)次のレベルにはdiv 要素を一緒にグループ化するために使用される要素です.

更なる読書
HTMLについてもっと読むことに興味があるなら、MDNはHTMLに関するすべての話題に関する豊富な情報を持っています.
https://developer.mozilla.org/en-US/docs/Web/HTML

Reference

この問題について(HTMLの基本), 我々は、より多くの情報をここで見つけました https://dev.to/micmcgrorty/the-basics-of-html-4a58

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

レプリカ

テスト、テスト、再度テスト