HTML は HyperText Markup Language の略称で、Web ページの作成に使用されるマークアップ言語です。この記事では、HTML の使い方を詳しく見ていきます。
概要 HTML HTML は、Web ページに構造とスタイルを提供するために使用されるタグベースの言語です。 HTML には多数のタグと要素が用意されているため、HTML を使用して、テキスト、画像、ビデオ、リンクなど、ほぼあらゆる種類の Web ページを作成できます。
HTML の基本構造 HTML ファイルには通常、拡張子「.html」が付いています。 HTML ドキュメントの基本構造には、ヘッダーと本文が含まれます。ヘッダーでは、ドキュメントのタイトル、CSS ファイルの参照、JavaScript ファイルの参照などを指定できます。本文ではページのコンテンツを指定できます。
これはタイトルです これはテキストです
HTML 共通タグ HTML 一般的に使用されるタグには、タイトル、段落、リンク、画像、リスト、表、フォームなどが含まれます。以下にいくつかのタグとその使用例を示します。
タイトル タグ (h1 ～ h6):
これは第 1 レベルのタイトルです これは第 2 レベルのタイトルです /h2> ;
段落タグ (p):
これはテキストの段落です。
リンクタグ (a):
サンプル Web サイトへのリンク
画像タグ (img):
リスト タグ (ul、li):
テーブルラベル(table、tr、td):
最初の列、最初の行
2 番目の列、最初の行
最初の列、2 番目の行
2 番目列、2 行目
#フォーム ラベル (フォーム、入力):
<フォーム アクション="example.php" メソッド="投稿"> パスワード:
HTML 属性 HTML 要素には属性を含めることができ、これを使用して要素のプロパティと動作を指定できます。一般的な HTML 属性をいくつか示します。
class: 要素のクラスを指定します。
id: 指定された要素の一意の ID。
href: リンク先のURLを指定します。
src: 画像の URL を指定します。
style: 要素の CSS スタイルを指定します。
CSS スタイル CSS は Cascading Style Sheets の略で、Web ページにスタイルを適用するために使用される言語です。 CSS を使用すると、Web ページのスタイルをより明確かつ正確な方法で制御できます。 HTML では、次の方法で CSS スタイルを要素に適用できます。
インライン スタイル: 次のように、要素にスタイルを直接適用します。
##Red text< /p>
内部スタイル シート: style 要素を使用してスタイル定義をドキュメント ヘッダーに挿入します:
JavaScript#JavaScript は、HTML ドキュメントをよりインタラクティブで動的にするために使用されるプログラミング言語です。 JavaScript を使用すると、テキスト、画像、フォーム、その他の要素の相互作用を制御できます。次の方法で HTML で JavaScript を使用できます。
インライン スクリプト: スクリプトを HTML 要素に直接埋め込みます:
クリックしてください
内部スクリプト: script 要素を使用して、ドキュメントのヘッダーまたは本文にスクリプトを挿入します:
<script> </p>functionsayHello() { <p>alert('Hello, world!'); <br>} <br></script>
この記事では、HTML の基本構造、いくつかの基本的なタグと要素、および CSS と JavaScript を使用して HTML ドキュメントを強化する方法を紹介しました。この記事の内容を学習すれば、簡単な HTML ページを作成できるようになります。ただし、HTML にはさらに高度な機能とテクノロジがあるため、HTML とそれに関連する Web テクノロジについては、ご自身でさらに学習することをお勧めします。
以上がhtmlの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
