Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!
その他のカテゴリー

いまさら聞けないHTMLについて。

html入門

まず最初にお伝えしておきますが、こちらの記事はHTMLの基礎の基礎の基礎の基礎の・・・レベルですので温かく見守っていただければ幸いです。どちらかと言うと「ブログを始めたけど、やたらHTMLという単語が出てくるねん。なんやコレ。」という方に向けて書いた記事です。事実、私もそんなに詳しくはありませんので(;^_^A一緒に勉強していきましょう~。

HTMLとは

そもそも「html」(エイチ・ティ・エム・エル」がわからないですよね。「html」とは、Hyper Text Markup Languageの頭文字をとったもので、私たち人間とコンピュータとの「共通言語」です。

インターネット上に存在するホームページはほぼhtmlで作成されているのではないでしょうか。

htmlとの出会い

自分の話になっちゃいますが、私とhtmlとの初めての出会いは20年以上前までさかのぼります。

当時はまだ「自宅でネットをしたら何十万もとられる」という(本当かウソかわからない)時代です。そんな時代に就活をしていた私は、インターネットカフェの職員の求人募集を見つけ応募したところ採用されました。

自宅にパソコンすら置いていない私がなぜ採用されたのかはいまだ謎ですが、いきなり時代を先取りしたかのような環境に身を置くことになりました。

パソコンマニアのお兄さんに混ざり、新入社員全員がお店のホームページ作成を担当するという指令まで出され、当時は頭が爆発しそうだったことを覚えています。

HTMLタグ

そんなむちゃぶりな仕事のおかげで基礎が身についたんですが、ここでよく目にするHTMLタグというものに触れたいと思います。

たとえば、文字のサイズを変えたい場合のHTMLタグは下記のように記述します。

<font size=”1″> </font>

これは私がこのブログで実際に使用しているんですが、始まりと終わりの<font size=”1″> </font>の部分をタグと呼びます。

タグを作るには、< >のカッコで始まり、</ >スラッシュを含むカッコで終わるというルールがあります。極端に言えばこのルールさえ知っておくと、< >内の意味(英語)はチンプンカンプンでも何かしら指示を出しているんだということがわかります。

HTMLタグを理解する一番の近道は、自分でホームページを実際に作ってみる!

このタグは押さえておこう

今はコンピュータが自動生成してくれるので、初心者がタグをいじるのは下記のタグくらいでよいかなぁと思います。

ここにのせている程度のタグなら、アルファベットは大文字でも小文字でも問題ありません。

分かりやすいように色をつけていますが、実際にタグを組む時は黒でOKです。

◆中央(センタリング)<center> </center>

使い方:私はアドセンス広告を中央に表示したいときのみ使用しています。

◆フォントサイズ変更 <font size=”1″> </font>

“ ”内の数字を変更することにより文字を大きくしたり小さくしたりできます。

指定できるサイズ:1(最小)~7(最大)

使い方:アドセンス広告の近くに記載しないといけない「広告」や「スポンサーリンク」の文字サイズをデフォルトサイズから変更。

◆フォントカラー変更 <font color=” ”> </font>

“ ”内の文字を変更することにより色を変更できます。色はRGB(レッド・グリーン・ブルーの三原色)指定です。

下記のホームページがわかりやすいですよ^^。

Web Safe Color一覧表/カラーチャート

例えば文字の色をにしたい場合、カラーチャートから変更したい緑色を選びます。

カラーチャート

選択したカラーの一行目に記載されている#00cc33をタグに追記してみます。

<font color=”#00cc33″>文字の色は緑色です</font>

ホームページ上だと、文字の色は緑色ですというように表示されます。面白いですよね(^_-)-☆。さらにサイズも大きくしてみよう。

<font size=”7″><font color=”#00cc33″>文字の色は緑色です</font>

文字の色は緑色です

サイズを最大の”7”にしてみました。さすがにデカ過ぎたな(;´・ω・)。

タグですが、「サイズ変更」も「色の変更」も始まりは同じ<font>を使用しているので、終わりの</font>は1つでOK。(2つ置いても支障はありません。)

htmlを見よう見真似で作成するようになった

パソコンがHTMLタグを自動生成してくれると本当にありがたいんですが、その反面素人には敷居が高くなっちゃうんですよね・・・。

私は自分でも気づかなかったんですが、自分でタグを組んで作っていくことが好きみたいで(料理や裁縫はダメです)始めるとのめり込みます。

HTMLの本を探し、本を見ながらひたすらホームページを作っていました。20年以上前に購入したので今の書店には並んでいないと思いますし、もう家にもありません(笑)がかなり重宝しました!

まとめ

今は初心者向けのサイトがたくさんあるので、本を買わなくても作成することはできますが基本を知っておくだけで理解できるスピードは大きく変わるので「サルでもわかる~」シリーズのような本を一冊用意し、実際に自分で操作をしてみることをおすすめします。