共通HTML要素型

3391 ワード
html テキストリンク
これは、お客様の投稿です.
スチュアートはフリーランスの仕事をするために探している今後の開発者ですので、彼のためにどんな仕事があれば彼を打った.
前の記事で説明されるようにbasic HTML boilerplate , HTMLは様々な要素を利用します.これらは通常、開始タグと終了タグを含んでいます.私はいつものように、ほとんどのものと同様に、常にルールに例外があります.

共通HTML要素
この例は以下の通りです<p> 段落タグを例に挙げます
<p>This is a paragraph.</p>
HTML要素タグは大文字小文字を区別しませんが、小文字の書式設定を利用するのがベストプラクティスです.
特定の順序では、一般的なHTML要素がいくつかあります.<h1>' h 'はヘッダを表し、その目的のために使用されます-見出しと副見出しをテキストに加えます.で始まる<h1> , 最大であり続ける<h6> , 最小.<p>上に示すように、これはテキストを別々の段落に分けるために使用されます.<br>これは、キャリッジリターンを強制することによって、1行のブレークを挿入するために使用されます.これは付随する終了タグを必要としません.伝統的には<br/> or <br /> これは必須ではありません(しかし、まだ働きます).<div>divは、HTMLドキュメント内の除算またはセクションを定義するために使用される非常に一般的なメソッドであり、他のHTML要素のコンテナーとして使用されます.使用するとき、開口部<div> タグは、しばしば1つを追加する場所です<style> と<id> タグは、インラインCSSまたはページ内の特定のIDセクションへのリンクを介してセクション全体をスタイルに.<a href>は、<a> 閉じるこの動画はお気に入りから削除されています.また、' href '経由でリンクするアドレスを追加する必要があります.<a href=”url_to_link_to”>Click here</a> .<img>イメージ' IMG 'を追加または画像ファイルをリンクします.ソースの' src 'フィールドを追加し、イメージのリンクを指定します.<img src=”path_to_image_folder/filename.jpg”> これは対応する終了タグを必要としません.<button>ページのClickableボタンを定義します.<aside>Address要素は、その周辺のコンテンツに間接的に関連する追加情報を表示します.それはしばしばサイドバーのメインテキストについて'より多くの情報'を表示するために使用されます.多くのブラウザがデフォルトで表示されますCSSプロパティ.<section>ページ内のセクションを定義します.これは単純にドキュメント内の個々のセクションを明確にする明確な方法です<div> .<main>と同じように<section> タグ、それはページのメインセクションを定義し、さらに別のを使用してこれを示すために明確な方法です<div> .<footer>はページのフッターセクションを定義するために使用され、<section> or <div> .<ol>注文リスト.と<li> (リスト)項目は、デフォルトで番号を使用して、様々な上場アイテムを表示します.<ul>順序なしリスト.と<li> (リスト)項目は、デフォルトで箇条書きのポイントを使用して、様々なリストの項目が表示されます.<style>2つの方法で使用されます.
内部<head> ページに対応するCSSスタイリングを一覧表示するページのセクション.
インラインCSSスタイルを適用する特定のタグに追加するには、次のようにします.<h1 style="text-align: center;">Centred Heading</h1> <!-- -->HTMLコードでコメントを表示するには例えば、
<!-- This text is commented out and will not display on the rendered page. -->
これらは単に一般的に使用されるHTML要素の一部です.いくつかのRarerオプションを含む包括的なリストのために、W 3学校HTML Element Reference page .

読んでいただきありがとうございます、接続しましょう!
私のブログを読んでくれてありがとう.私の電子メール会報を購読して、接続してくださいFacebook or
Fluth|OverlayEntryを直接使用してDropdownを作成
[Spring]HelloWorldアプリケーションの作成(2)