HTMLを知る。(WEBページを作る)

| コメント(0) | トラックバック(0)


HTMLとは、WEBページを表示させるための言語で、HTMLを知ることでホームページ作成ソフトには無い貴方だけのホームページを作ることが出来るでしょう。


はじめに:

この記事は、HTMLに対して初心者の方を対象にした記事です、中級、上級者の方には物足りませんので読み飛ばして下さい。


ホームページ作成ソフトの代表的なところで「Microsoft FrontPage」や「ホームページ・ビルダー」等が有りますが、当然の事ながら作成パターンは限られてきます。

いろいろなWEBページを閲覧していると『うわっ! こんな表示の仕方良いな。』とか『こう言う表現の仕方良いな!』などと感じたことがある方も少なくないと思います。

貴方だけの魅力有るWEBページを作成するためにもHTMLの知識を習得し、少しずつでもステップアップしながら思い通りのWEBページを作成していくおもしろさを実感して下さい。

同じ表示の仕方でも、いろいろなHTMLソースのパターンが有ります。HTMLがどう言うものか理解してくると、自分なりのHTMLソースを作り上げていくことが出来ることでしょう。ただし、基本線からは外れないようにして下さい。

ここでは、Internet Explorer6.0以降での表示を基本として記述しています。ブラウザに依っては、ここで記述しているタグが有効で無いブラウザもあり、思っている通りの表示がされない場合もありますので注意が必要です。



ウエブサイト(Website)とは

WWW(World Wide Web)上に有り、一つのドメイン名の下に有るウェブページ(Webpage)の集まりの事を言い、トップページとそこからリンクされた他のウェブページで構成される形に成っている。

そのウェブページの中身を構成しているのがHTMLと言う事に成ります。



HTML(エイチティーエムエル)とは

ハイパーテキスト マークアップ ランゲージ(HyperText Markup Language)の略称で、ハイパーテキストをマークアップする言語です。えっ! 「なんやそりゃー そのままやんかぁー」ですって?

はいっ! これでは私にも解りません。(ー_ーゞ イヤァ・・・面目ない


では、ハイパーテキストとはなんぞや。

テキストは、ただの書き込まれた文書ですが、その更なる上(ハイパー)の文書がハイパーテキストと言う事です。早く言えば、ウェブページを閲覧している時に用いられている、文字や画像をクリックして複数のオブジェクトにリンクする仕組みのことです。


そして、マークアップとはなんぞや。ですよね… ゆっぱり。。。

文字通り文書にマークを付けることです。マークとは、良く耳にするタグの事で< >の記号の中にアルファベットを記述する事によって、ハイパーリンクや書式を埋め込みウェブページをレイアウトしていきます。

タグはWWWC(World Wide Web Consortium)に依って書式や属性が決められていますが、表示するブラウザに依っては動作しないタグも有るようです。

現在無償のウェブブラウザで良く使われているのは、Internet Explore、Mozilla Firefox、Netscape Navigatorでしょうか。



ここで少しブログサイトに触れておきたいと思います。

ブログ(blog)、本来はウェブログ(Weblog)の略称で、ウエブサイトと同じようにWWW(World Wide Web)上に有りますが、更新頻度の多い日記的な感じの物で、他のサイトとの著者と意見交換などをウェブ上でログしたサイトの事です。

ウエブサイトとは違い、書き込んで保存するだけでウェブページが構築されるので、初心者でも簡単にホームページが作れるメリットが有りますが、その分逆にスタイルシート(.CSS)で束縛されるデメリットも抱えています。

自作PCはブログサーバーからの発信なので、スタイルシートにより以下のページの一部が表示出来ない所も有り、HTMLの別ページでのご案内と成りますのでご了承下さい。

スタイルシートの変更により対応は可能ですが、細かく分類されているために面倒なので止めます。


1.新しいページを作る
2.タグと属性
3.イメージの表示とリンク
4.テーブル(表)の作成と活用
5.フレームの作成と活用
6.フォームを活用する
7.スタイルシートを利用する
8.javascriptを使う





参考になった方はクリック

↓ ↓ ↓ ↓ ↓ ↓

にほんブログ村 IT技術ブログ 自宅サーバー構築へ

トラックバック(0)

トラックバックURL: http://jisakupc.ddo.jp/cgi-bin/mt/mt-tb.cgi/4245

コメントする

最近のコメント

アーカイブ

今日
昨日

Links

ブログパーツ(無料)

インフォブログランキング
知識の杜