HTML (Hypertext Markup Language) は、Web ページの構築に使用されるマークアップ言語であり、Web ページ構築の基礎です。この記事では、HTML を記述し、Web サイトにスタイルと機能を追加する方法について説明します。
HTML ドキュメントはタグで構成されており、タグはネストすることができます。各タグには、開始タグと終了タグがあります。例:
<html>
<head>
<title>这是网页标题</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落</p>
</body>
</html>この例では、HTML のルート タグ、Web ページのタイトルを含む
タグ、およびタグがあります。
HTML タグには、タグの特性を指定する属性を含めることができます。たとえば、以下に示すように、 タグは src 属性を通じて画像の URL を指定できます:
<img src="https://example.com/image.jpg" alt="这是图像的描述">
この例では、src 属性を使用して画像の URL を指定します。 alt 属性は画像の説明を提供します。
Web ページには、他の Web ページまたはローカル ファイルへのリンクを追加できます。 タグを使用してリンクを作成します。例:
<a href="https://example.com/">这是一个链接</a>
この例では、href 属性を使用してリンク ターゲットの URL を指定します。
リストを使用して情報を整理できます。 HTML には、順序付きリストと順序なしリストの 2 種類のリストがあります。順序付きリストでは
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>この例では、
CSS (カスケード スタイル シート) を使用して、Web サイトにスタイルを追加できます。 CSS は、Web ページの外観とレイアウトを記述するために使用されるスタイル シート言語です。例:
<!DOCTYPE html>
<html>
<head>
<title>这是网页标题</title>
<style>
h1 {
color: red;
font-size: 48px;
}
p {
font-size: 24px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落</p>
</body>
</html>この例では、
タグ内に