HTMLについて@

楽しい!簡単!ホームページ制作

HTMLについて1

HTML(Hyper Text Markup Language)について説明していきまマスオ☆

タグというのは文字列(テキスト)に対する命令の印なんです。
タグだけでもそれぞれ意味はありますが、更に別の性質を付け加えたいときにプロパティ(属性)を使います。基本的にプロパティは値とセットで書きます。正しくは、プロパティと言えば値を含めたものを指し、値だけをプロパティ値と言いますが、ここではわかりやすいように区別して書いています。

<font color="blue">オラ、ワクワクすっぞ!</font>


オラ、ワクワクすっぞ!

この場合、タグは<font>〜</font>(文字)、プロパティは color="blue"(色は青にしなさい)で、プロパティ値は blue ということになります。

 

つーかタグって何なんだゴルァ!

タグってのは「<」と「>」に挟まれた記号で表します。
普通のタグは2つあわせて一人前です。文章の頭とお尻に付けてやればその挟まれた文章がどうにかなるって事です。中には一つでもちゃんと仕事をする奴も居たり居なかったり居たりします。
こんな感じです。

1,<b>星のアルペジオ</b>
2,<font size="5">星のアルペジオ</font>
3,<font color="orange">星のアルペジオ</font>

それぞれ、

星のアルペジオ

文字を太くしなさい

星のアルペジオ

文字の大きさを5にしなさい

星のアルペジオ

文字の色をオレンジにしなさい

と言うことになります。因みに全部あわせると・・・

星のアルペジオ

文字を太くして色をオレンジにして大きさを5にしなさい。となる訳なんだこれが☆

 

一つでもちゃんと働いてくれるタグの代表としては、

1,<br>・・・改行する
2,<hr>・・・線を引く
3,<img src="ファイル名">・・・イメージを表示する

なんかが代表的ですね。管理人優しすぎるからついでに説明しちゃうけど

改行ってのは、画面の幅に関係なく、そこまで来たら強制改行するって事なんだよね。<br>を入れないと、画面の幅によって自動改行されるし、画面が広ければいつまでも文章が続いてしまって読みにくくなってしまいます。

線は、太さ(size)・長さ(width)・色(color)さらに、配置(align="left または center または right")を設定することができます。

例えば、

<hr>

だけだと


↑このように何の飾りもない横線が引かれるだけですが、

<hr size="8" width="300" color="skyblue" align="center">

と書くと


となるわけですよ☆どうだかっこいいだろうwww

画面の真ん中(align="center")に、太さ8ピクセル(size="8")、長さ300ピクセル(width="300")でスカイブルー(color="skyblue")の線が引けました。
ここで width="300" じゃなくて、画面の幅に対しての比率をパーセントで指定することもできます。
width="50%" って入れれば、画面の幅の50%っていう意味。画面が小さくなれば、線もその分短くなります。

<img src="ファイル名"> は、画像や写真といったイメージファイル(**.gif、**.jpgなど)を表示するときに使います。同じフォルダにある場合は、ファイル名を入れるだけでいいけど、ちがうフォルダにある時は、"フォルダ名/ファイル名" となります。

正確に言うと(難しく言うと)、同じ階層にあるファイルを指定するときは "ファイル名" で、リンク元よりリンク先が下の階層にある場合は、"フォルダ名/ファイル名" となります。頭混乱してきましたね。さらに混乱させると、上の階層にある場合は、"../ファイル名" です。正確には、サーバーの場合は「フォルダ」じゃなくて「ディレクトリ」って言うらしいです。

Valuable information

キャバクラ ガールズバー ホステス 女性向けの名刺制作

デザイン名刺

新生活のトータルコーディネートをいたします。

姫路 賃貸

一般用から職人用まで多数取り揃えています。

出刃包丁 おすすめ

オシャレでカッコいい洗練されたデザイナーズマンションが探せる賃貸情報サイト

デザイナーズマンション

ウェディング・ブライダルを中心とした情報サイト。服装や指輪選び等結婚式に役立つ情報満載

結婚式 服装

Last update:2015/12/17