<!DOCTYPE html>
<html>
<head>
<title>你的网页标题</title>
</head>
<body>
你的网页内容
</body>
</html><!DOCTYPE html>: これは、HTML5 のドキュメント タイプ定義です。 <li><html>: HTML ドキュメントのルート要素。 <li><head>: Web ページのタイトル、スタイル シート、スクリプトなどの Web ページのメタデータを含むコンテナ。 <li><title>: ブラウザのタブに表示される Web ページのタイトル。 <li><body>: Web ページのメイン コンテンツのコンテナ。 <p>ステップ 2: コンテンツと要素を追加する<p>ここで、コンテンツと要素を Web ページに追加できます。一般的な HTML 要素をいくつか示します。 <ul><li><h1> - <h6>: タイトル タグ。h1 が最大レベルです。 <li><p>: 段落タグ。 <li><a>: リンクタグ。 <li><img>: 画像タグを挿入します。 <li><ul>: 順序なしリストのタグ。 <li><ol>: 順序付きリストのタグ。 <li><li>: リスト項目のラベル。 <li><div>: コンテナタグ。 <p> この例では、<body> タグにタイトル、段落、リンクを追加します: <body> <h1>欢迎来到我的网站！</h1> <p>这是一个新的段落。</p> <a href="https://www.example.com">这是一个链接</a> </body>
<h1>: Web ページのメイン タイトルを追加しました。 <li><p>: 新しい段落を追加しました。 <li><a>: リンクが追加され、href 属性はリンクの URL アドレスです。 <p>ステップ 3: CSS を使用して Web ページを美しくする<p>CSS (Cascading Style Sheets) は、HTML ページのスタイルとレイアウトをより美しくするために使用されるコーディング言語です。 CSS の主な目的は、フォント、色、レイアウトなどのスタイルを HTML ドキュメントに追加することです。この例では、見出しと段落にいくつかのスタイルを追加します。 <!DOCTYPE html>
<html>
<head>
<title>我的第一个HTML页面</title>
<style>
h1 {
color: red;
font-family: Arial, sans-serif;
}
p {
font-size: 16px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站！</h1>
<p>这是一个新的段落。</p>
<a href="https://www.example.com">这是一个链接</a>
</body>
</html>style タグ: CSS コードを含むコンテナ。
<li>
h1: color 属性を通じてタイトルの色を設定し、フォントを設定します。
<li>
p: 段落のフォント サイズと行の高さを設定します。
<p>ステップ 4: ページをテストする
<p>コードを追加した後、ブラウザを開いて HTML ページにエラーがあるかどうかをテストできます。 HTML 形式で保存した後、HTML ファイルをダブルクリックしてブラウザを開き、テストします。ページが正常に読み込まれれば、ベース ページは正常に作成されています。
<p>結論
<p>HTML ドキュメントの構造、コンテンツと要素の追加、ページを美しくするための CSS の使用など、独自の HTML ページを構築する方法を学習しました。これは HTML の基本的な知識にすぎません。その後の学習には、HTML フォーム、画像、リンク、その他の関連コンテンツが含まれます。皆さんが今後、Web プログラミングを学習する上でより良い経験を積めることを願っています。 以上がHTMLの構築方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
