メモ帳を使って簡単なウェブページを作成する方法

私たちは毎日ウェブを利用したり閲覧したりしており、ウェブは私たちの生活に欠かせないものとなっています。しかし、Web ページを作成するのはどれほど難しいのでしょうか?この記事では、メモ帳プログラムを使用して簡単な HTML Web ページを作成する方法を説明します。

方法1方法1/1:

独自のウェブページを作成する

1メモ帳プログラムを開きます。メモ帳プログラムはすべての Windows コンピュータに自動的にインストールされます。スタートメニューにあります。メモ帳が開いたら、「ファイル」をクリックし、ドロップダウンメニューから「名前を付けて保存」オプションを選択します。ファイルタイプメニューから「すべてのファイル」を選択します。ファイルを HTML ファイルとして保存します。一般的に、ウェブサイトのホームページは「index.html」と呼ばれ、ウェブサイトのナビゲーションページでもあります。ウェブサイトのすべてのコンテンツは、このナビゲーションページからアクセスできます (基本的に、ウェブサイト上のすべてのリンクが含まれます)。
2 HTML (Hypertext Markup Language) はタグを使用して Web ページを記述します。基本的に、タグの形式は<山括弧>で囲まれたテキストです。
Web ページを作成するには、さまざまなタグを使用する必要があります。コードの最後には、 </text>のような「終了タグ」もあります。これらの終了タグは太字のフォントや段落のように機能します。
3一般的に、Web ページの最初のタグは<html>です。これをメモ帳ファイルの先頭に置くことができます。
4次のタグは<head>です。
<title>タグはドキュメントヘッダーを定義し、ウィンドウの上部に配置するコンテンツをブラウザーに指示します。「メタタグ」（オプション）は、検索エンジン（Google など）に Web サイトの特性と情報を通知します。
5「head」タグの下の行に、Web サイトのタイトルを入力します (例: <title>wikiHow HTML</title>) 。
6 </head>タグを入力して、Web ページの「head」のコンテンツを終了します。
7次は<body>タグ部分です。すべてのブラウザがすべての色をサポートしているわけではないことに注意してください。たとえば、ほとんどのブラウザは濃い灰色の表示をサポートしていません。
8 2 つの「body」タグの中央に、Web ページのコンテンツを追加します。ここにあるコンテンツは、閲覧ユーザーに表示されます。まずはタイトルから始めましょう。タイトルを表示するために大きなテキストを使用することを選択し、コンテンツを編集するために HTML の<h1>から<h6>タグを使用します。このうち、 <h1>タグのテキストのフォントが最も大きくなります。 Web ページの上部の「body」タグの後に、次のようなウェルカムメッセージを入力します: <h1>xx Web サイトへようこそ! </h1> .最後に必ず終了タグを追加してください。そうしないと、ページ全体が巨大になってしまいます。
9Web ページの本文に<p>タグまたは段落タグを追加することもできます。タイトルの後に、 <p>ウェブサイトのコンテンツを追加できます。
。新しい行を開始する場合は、 <br>タグまたは pause タグを使用できます。
10プレーンテキストの Web ページを作成したくない場合は、異なる書式を追加することを検討してください。テキストを太字にするには<b>コードを使用し、テキストを斜体にするには<i>コードを使用し、テキストに下線を引くには<u> コードを使用します。終了タグを忘れないようにしてください。
11実際、ウェブサイトのコンテンツを豊かでカラフルにしているのは、さまざまな写真です。テキストにさまざまな形式を追加したとしても、画像はテキストよりも人々の注目を集め、読む興味を高めることができます。画像を含めるには<img>タグを使用します。 body タグと同様に、もう少し情報が必要です。画像タグは次のように編集できます: <img alt=dog src="dog.jpg" width=200 height=200> 。このうち、src（ソース）は画像の名前、widthとheightは画像の幅と高さ（ピクセル単位）です。
12ほぼ完了です!ウェブサイトの訪問者に複数のページを表示させたい場合があります。リンクを作成することで、Web サイトのコンテンツを充実させることができます。たとえば、リンクを作成するには、コード<a href="otherpage.html">別のページ</a>を使用します。タグ間のテキストは別の Web ページへのリンクの名前であり、「href」部分はリンク先の Web ページです。 Web リンクを作成すると、ユーザーの閲覧効率が向上します。
13最後に、メインテキストの最後に</body> を追加し、Web ページ全体の最後に</html> を追加します。
14ファイルを保存し、「.html」形式で保存します。次に、お気に入りのブラウザで .html ファイルを開き、Web サイトがどのように表示されるかを確認します。おめでとう！ Web ページを作成しました。
15Webページを Web サイトに掲載したい場合は、独自のドメイン名で Web サイトを公開する方法を確認してください。広告する

ヒント

終了タグを忘れずに追加してください。
ウェブ上でさらに多くのタグを検索できます。ウェブページの作成をガイドしてくれる素晴らしいウェブサイトがウェブ上には数多くあります。その中でも、W3Schools の Web サイトは非常に優れています。
最初の行の最初の <HTML> タグの前に、<!DOCTYPE html> と入力します。これは、Web ページの属性が HTML5 であることをブラウザに伝えます。
<html> の前と </html> の後に <font face="N"></font> を入力すると、フォントを変更できます。「N」を「Verdana」などのフォントに置き換えます。
Web ページで山括弧を使用する場合は、< と > を使用します。記号は &amp です。
HTML チュートリアルに従って、Web ページのフォルダーとファイルに名前を付けるには、小文字 (スペースと句読点なし) を使用します。 Windows ではスペースを使用できますが、多くの Web サーバーではスペースは使用できません。標準化されたファイル名を使用すると、多くの手間と時間を節約できます。

広告する

<<: 彼氏に贈る最高のバレンタインデーギフトの選び方

>>: エージェントなしで家を購入する方法