• 投稿者:
  • 投稿コメント:0件のコメント
  • 投稿カテゴリー:HTML
  • 投稿の最終変更日:2021年3月23日

これらの例が学んだことのないタグを使っていますが、

次の章でそれらについて学びます。



HTML ドキュメント

HTML文書は文書型宣言で始まらなければなりません: <!DOCTYPE html>

HTML文書自体は <html> で始まり </html>で終わります。

HTML文書の可視部分は、間にある <body></body>に記載します。

例文

<!DOCTYPE html>
<html>
<body>

 

<h1>見出し作ってみた</h1>
<p>段落作ってみた</p>

</body>
</html>


HTML 見出し

HTMLの見出しは <h1><h6> タグで定義されています。

<h1> 最も重要な見出しを定義します。 <h6> 最も重要度の低い見出しを定義します。 

例文

<h1>This is 見出し 1</h1>
<h2>This is 見出し 2</h2>
<h3>This is 見出し 3</h3>
 

スポンサーリンク

HTML 段落

HTML段落は以下の <p> タグで定義されます。

例文

<p>This is a 段落.</p>
<p>This is another 段落作ってみた.</p>

HTML リンク

HTMLリンクは次の <a> タグで定義されています。

例文

<a href=”https://Youneedjp.com”>これはリンク</a>

リンクの宛先href 属性で指定されています。

属性は、HTML要素に関する追加情報を提供するために使用されます。

属性の詳細については後の章で学びます。


スポンサーリンク

HTML 画像

HTML画像は <img>タグで定義されています。

ソースファイル (src), 代替テキスト (alt)
width, および height が属性としてサポートされます。

例文

<img src=”berry.jpg” alt=”berry.com” width=”104″ height=”142″>

HTML ボタン

HTMLボタンは次の <button> タグで定義されています。

例文

<button>Click me</button>

スポンサーリンク

HTML リスト

HTMLリストは(番号なしリスト <ul> 箇条書きリスト)または <ol> (番号付きリスト/番号付きリスト)タグで定義され、その後に <li>タグ(リストアイテム)が続きます。

例文

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

 

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

コメントを残す