本文の開始

無料ホームページ作成 HTML入門 y-labo -

無料ホームページ作成HTML情報。無料でWeb/HP製作。ホームページ入門から、
HTML・CSS・SEO対策・フリーソフトから無料テンプレートまで。

格安ホームページ制作激安HPWeb製作のy-labo.net(わいらぼ、ワイラボ)

  • ホームページ制作費を安く・格安・激安!
  • ホームページ制作を早く!
  • でもかっこいいホームページにカスタマイズ
  • SEO対策でアクセスアップ
  • ホームページ制作後も安心サポート
  • 自分でもホームページを修正したい

HTML入門 - 無料ホームページ作成

無料ホームページ作成情報 トップ > HTML入門

 

ご自分でホームページを作成・修正される方のために、ホームページ作成のためのコンテンツをご用意しました。すべて無料のコンテンツですのでお役立てください。なお、こちらのコンテンツに関してはサポートを行っていません。ご質問のメールなどはご遠慮いただければと思います。

HTML入門について

ホームページを記述する言語、HTMLに関する説明です。ホームページ作成ソフトを使用する場合でも、基本的なことを理解していると便利です。


HTML入門

2-1)HTMLの基本

HTMLとは「HyperText Markup Language」の略で、ホームページを記述するためのルールのようなものです。
ほとんどのホームページはこのHTMLで記述されていて、このページもHTMLで書かれています。

ただ、「ホームページ作成ソフト(HTMLエディター)」の多くは、ワープロ感覚でホームページを作成できるため、このHTMLをまるごと覚える必要はありません。
しかし、HTMLを知っておくとホームページ作成ソフトでは編集できない部分まで変更できることもあるので、基本は抑えておきましょう。

また、HTMLは、ホームページ作成ソフトで編集するほか、「テキストエディター」で編集することもできます。つまり、ホームページ上の文字を少し変更する程度であれば、ホームページソフトが無くてもテキストエディターで編集することができます。

HTMLを使用する際に注意が必要なのは、HTMLは常に「W3C」という団体で見直しがされている点です。将来的に無くなる予定のタグもありますので、それらのタグは使用しないほうが良いでしょう。
今後の主流は、HTMLで様々な書式を設定することから、「CSS(スタイルシート)」で設定することに移っていきます。

2-2)ページを設定するHTML

はじめにページに関するHTMLを確認します。
ここで確認するのは基本的なHTMLのみになります。
SEO対策」などに必要な詳しいHTMLは説明しません。

2-3)文字(フォント)を設定するHTML

HTMLで文字を設定します。
次の「2-4)レイアウトを設定するHTML」も合わせて確認してください。

2-4)レイアウトを設定するHTML

HTMLで文字のレイアウトを設定します。
画像のレイアウトは「2-5)画像を設定するHTML」を参照してください。

2-5)画像を設定するHTML

HTMLで画像を挿入したり設定したりします。

2-6)表を設定するHTML

HTMLで表を設定します。
ホームページ作成での、表作成や表の設定はレイアウトやデザインにとても重要な意味を持ちます。

2-7)リンクを設定するHTML

HTMLでリンクを設定します。
なお、リンクされた文字の色を変更するためには、「<body>タグ」を修正する必要があります。

2-8)リストを設定するHTML

HTMLでリストを設定します。

2-9)フレームを設定するHTML

複数のHTMLページをフレーム枠で表示します。

フレームは、閲覧者には便利で見やすくなりますが、ロボット型の検索エンジンには読みづらく「SEO対策」には向いていません。

特殊な理由を除けば、フレームを使用したホームページは作成しないほうがよいでしょう。

また、「1-8)ホームページのレイアウト」は関連するページになります。

2-10)フォームを設定するHTML

お問い合わせなどで送信フォームを使用するためのHTMLです。

フォームは一般的にCGIを使用して送信します。従って、フォームのみを作成してもフォームは動作しません。

2-11)ウィンドウを操作するボタンやリンク

HTMLの最後に、ウィンドウを操作するリンクを確認します。

正確には、HTMLではなく「Javascript」になりますが簡単に操作できるので、覚えておくと便利です。

2-12)その他のHTML記述

ここでは、今まで紹介してきたHTMLに分類されないHTMLを紹介します。

2-13)HTMLで特殊文字を入力

HTMLでは一部の文字をそのまま入力することが出来ません。

特殊な文字を入力する方法をご紹介します。

ホームページ制作実績一覧

このページのTOPへ

格安です!ホームページ制作をご依頼ください!!

ホームページ制作は専門用語も多く、わかりにくいことも多いかと思います。ホームページの制作方法や制作費用、アクセス数アップ(SEO対策)などわかりにくいことがあればお気軽にお問い合わせください。

このページのTOPへ

格安ホームページ制作依頼

メールでご相談

メールでのお問い合わせは365日24時間受付中です。

お電話でのご相談

090-3401-6229(直通)

【対応時間】

平日のみ(土日祝日はお休み)
午前11時〜午後7時頃

※留守番電話にメッセージを残して頂ければ、対応時間内にこちらより折り返します。

ページの終了