メモ帳を使用して簡単なウェブサイトを作成する方法

著者: John Stephens
作成日: 26 1月 2021
更新日: 1 J 2024
Anonim
【Lesson01-1】今すぐメモ帳で始めるHTML【メモ帳で書く!超初心者向けHTML&CSS入門】
ビデオ: 【Lesson01-1】今すぐメモ帳で始めるHTML【メモ帳で書く!超初心者向けHTML&CSS入門】

コンテンツ

私たちは毎日ウェブページを使用していますが、作成するのは難しいですか?この記事では、メモ帳を使用して簡単なHTMLWebサイトを作成する方法を説明します。

手順

方法1/1:独自のWebサイトを作成する

  1. メモ帳を開きます。 メモ帳はすべてのWindowsコンピューターにプリインストールされており、[スタート]メニューにあります。メモ帳を開いた後、「ファイル」をクリックし、ドロップダウンメニューで「名前を付けて保存」を選択します。次に、ファイルタイプメニューで[すべてのファイル]を選択し、ファイルをHTMLとして保存します。通常、ファイル「index.html」はメインページであり、Webサイト上のすべてにアクセスするためのすべてのリンクが含まれています。

  2. HTML(HyperText Markup Language)はタグを使用します。 基本的に、タグはアクセント内の単語です .
    多くのタグを使用してWebページを作成します。その隣には、コード行を終了するために使用される「クローズタグ」があります。例えば: これらのタグは、太字のフォントまたはテキストの段落で終わります。

  3. 通常、Webページのヘッダーは次のタグです。 。メモ帳ファイルの先頭に配置できます。
  4. 次はカードです .
    次は 、このタブは、ウィンドウの上部に何を配置するかをブラウザに指示し、 <i>メタタグ </i> (オプション)検索エンジン(Googleなど)にサイトの内容を伝えます。

  5. 次の行、カードの後 たとえば、タイトルを付けましょう。 wikiHow HTML
  6. 今、入力します 最初の部分を終了します。
  7. 次のウェブサイトはタグです . ブラウザはすべての色をサポートしているわけではないことに注意してください(たとえば、ほとんどのブラウザはダークグレーをサポートしていません)。
  8. 2つのbodyタグの間には、ユーザーに表示されるWebページのコンテンツがあります。 タイトルから始めましょう。これはテキストの大部分であり、タグからHTMLで指定されます

    来る

    、カード付き

    最大サイズです。したがって、Webページの上部で、bodyタグの後に、作成できます。

    私のページにようこそ!

    常に閉じるタグを付ける必要があります。そうしないと、Webページ上のすべてのテキストが誇張されてしまいます。
  9. Webページのコンテンツに含めることができるもう1つのタグは

    または段落タグ。 タイトルの後に入力できます

    。ウェブサイトの作り方を学んでいます! WikiHowのルール!ページに新しい行を作成する場合は、折り返しタグを使用します
    .

  10. プレーンテキストしかないウェブサイトはつまらない。 それでは、いくつかの形式を入れましょう。カード 太字のテキストに、 イタリック体にし、 強調する。終了タグを忘れないでください!
  11. ウェブサイトを本当に面白くしているのは画像です。 テキストがフォーマットされていても、ページをすべてのテキストとして見たいと思う人は誰もいません。カードを使う 写真を挿入します。ただし、bodyタグと同様に、このタグには追加情報が必要です。 imgタグは次のようになります。 犬’ src=srcデータ(ソース:ソース)は画像の名前です。幅と高さの後ろには、画像のピクセル単位の幅と高さがあります。
  12. ほぼ完了しました! 訪問者が複数のページを表示できるようにする場合は、次のタグを使用します。 他のページ タグのコンテンツは、ユーザーがクリックして次のページに移動する内容であり、hrefセクションはそのページへのリンクです。このタグを使用すると、Webサイトをユーザーに簡単に表示できます。
  13. 終了するには、bodyタグをで終了する必要があります タグによるWebページ全体
  14. 拡張子が.html 'のファイルを保存します。 次に、お気に入りのブラウザでfile.htmlを開いて、どのように機能するかを確認します。おめでとう! Webサイトを作成しました。
  15. Webサイトをオンラインで公開する場合は、ドメイン名を使用してWebサイトを作成する方法を学習してください。 広告

助言

  • あなたは多くのカードをオンラインで見つけることができます。人々がウェブサイトを作成する方法を学ぶのに役立つ多くの便利なウェブサイトがあります(W3Schoolsはそれらの1つです)。
  • クロージャーを使用することを忘れないでください。
  • 必ずカードを注文してください タグの前の最初の行 サイトがHTML5標準であることをブラウザに知らせます。
  • タグでフォントを変更できます 前 その後 。 Nは、「Verdana」などのフォントを表します。
  • Webページで特殊文字を使用する場合は、&lt(<)、&gt(>)、&amp(&)などと入力し、コードの最後にセミコロン「;」を付ける必要があります。
  • HTMLチュートリアルでは、フォルダー名とWebファイル名は常に小文字で、アクセントなしで配置されます。 Windowsではスペースの使用が許可されていますが、多くのWebホスティングプロバイダーでは許可されていないため、最初から適切なファイル名とフォルダー名を使用することで、時間と手間を節約できます。