htmlファイルの作り方

王林
リリース: 2023-05-06 14:50:09
オリジナル
1292 人が閲覧しました

HTML は、Web プログラミングの最も基本的な言語の 1 つです。 Web ページの構造とコンテンツを記述するために使用されるマークアップ言語です。この記事では、HTML ファイルの作成方法を学習します。

  1. テキスト エディタのインストール

HTML ファイルを作成するには、テキスト エディタをインストールする必要があります。 Sublime Text、Notepad、Atom など、多くのテキスト エディターから選択できます。自分に合ったエディタを選択し、ダウンロードしてインストールします。

  1. 新しいファイルの作成

テキスト エディタを開き、[新しいファイル] または [新しいファイルの作成] メニュー項目をクリックします。入力ファイル名は、「index.html」など、「.html」で終わります。これは、HTML ファイルの一般的な命名規則です。 Mac コンピュータを使用している場合は、拡張子「.htm」を使用してファイルを保存することもできますが、「.html」を使用する方がより標準化されます。

  1. HTML コードを記述する準備をする

テキスト エディターで、次の HTML テンプレートを入力します:


< ; html>

<head>
    <title></title>
</head>
<body>
    
</body>
ログイン後にコピー

このテンプレートには、HTML5 の最も基本的な構造が追加されています。見出しと本文は文書の 2 つの部分であり、それぞれ異なる機能があります。 headにはWebページのタイトル、CSSスタイルシート、メタタグなどの要素を含めることができます。本文には、Web サイトのコンテンツを追加できます。

  1. HTML コードの記述

HTML の基本構造を理解したので、コンテンツを追加するには、本文部分に HTML タグを入力し、コンテンツをカプセル化するだけです。 。たとえば、見出しと段落を追加する場合は、次のようなコードを作成します。


<head>
    <title></title>
</head>
<body>
    <h1>这是标题</h1>
    <p>这是一个段落</p>
</body>
ログイン後にコピー

このように、Web ページにはタイトルとコンテンツが含まれます。 h1 から h6 タグを使用して見出しレベルを定義し、p タグを使用して段落を定義できます。 HTML タグは山括弧 (< >) で囲む必要があり、「

」や「

」のように各タグの先頭と末尾に山括弧を使用する必要があることに注意してください。 " はタイトルを示します。始まりと終わり。

  1. 画像の追加

Web ページに画像を追加したい場合は、img タグを使用できます。使用法は次のとおりです。


<head>
    <title></title>
</head>
<body>
    <h1>这是标题</h1>
    <p>这是一段内容</p>
    <img src="路径/图片名.jpg">
</body>
ログイン後にコピー

src 属性はパスと名前。画像と HTML ファイルが同じフォルダーにある場合は、src 属性に画像の名前を入力するだけで済みます。

  1. リンクを追加する

Web ページにリンクを追加するのも非常に簡単で、a タグを使用するだけです。使用方法は次のとおりです。


<head>
    <title></title>
</head>
<body>
    <h1>这是标题</h1>
    <p>这是一段内容,其中含有一个链接</p>
    <a href="http://www.google.com">链接到Google</a>
</body>
ログイン後にコピー

リンクの URL を追加するだけです。 href 属性内。このようにして、ユーザーがリンクをクリックすると、指定された Web ページにジャンプできます。

  1. HTML ファイルの保存とプレビュー

HTML ファイルの作成が完了したら、[保存] または [名前を付けて保存] ボタンをクリックしてファイルを保存します。後で簡単に変更および保守できるように、ファイルを作業フォルダーに保存することをお勧めします。次に、ブラウザで HTML ファイルを開いて Web ページをプレビューすると、Web ページの構造とコンテンツを確認できます。エラーを見つけた場合は、テキスト エディターに戻ってコードを変更します。テキスト エディタでコードを変更するときは、ブラウザを更新するだけで、変更された内容が表示されます。

概要:

これらの簡単な手順を学習することで、HTML ファイルの作成方法を学習しました。 HTML 言語の機能は比較的基本的なものですが、インターネットの基礎の 1 つです。 Web サイト開発を始める場合は、HTML の基本的な構文と使用法を学習することで、将来の学習のための強固な基盤を築くことができます。

以上がhtmlファイルの作り方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート