HTML ご理解頂けましたか

コンピューター言語「HTML」は理解頂けたでしょうか。
早速お試しいただいた方もいるようで、嬉しいです。
ブロ友の皆さん全員に理解して頂けるよう説明に工夫をしていますが、理解できないことがあれば、遠慮なくコメントでお知らせください。
(この投稿はHTML不使用で作成しています)

皆さんから寄せられたQ&Aです。

Q1 ソースコードとは何でしょうか。

A1 人間にもコンピューターにも理解できる言葉で書かれたものがソースコードと思ってください。エキサイトブログの編集入力欄はソースコードで表記されていますから、事例のようなバリエーション豊富なブログを書くことが出来るのです。
ちなみにEメールも「HTML形式(リッチテキスト)」の書式を指定するとHTMLで本文を作ることが出来ます。ただし、入力欄はソースコードで表記されていませんので、ブログのように直接入力して内容を変えることができません。
なお、HTMLをサポートしていないソフトには言葉が通じませんので注意が必要です。

Q2 画像のサイズ変更を事例で説明して欲しい。

A2 松茸の画像で説明します。
下記は画像のソースコードです。
(但し、最初と最後の[  ](大カッコ)は全角に変えてあります)

[#IMAGE|d0181824_172169.jpg|201010/12/24/|mid|1490|993#]

この画像のオリジナルの大きさは1490(横)×993(縦)ピクセルです。ソースコードの数値を書き換えることにより自由に大きさを変えることができます。
下のソースコードは横を170、縦を128に変更したものです。

[#IMAGE|d0181824_172169.jpg|201010/12/24/|mid|170|128#]

参考
大カッコを半角にすると画像の場合は次のように表示されてしまいます。ソースコードを文字列として表示するには最初と最後のカッコを全角に変えれば画像コードと認識されません。
d0181824_172169.jpg



Q3 YouTubeの「埋め込みコード」とは何のことですか。

A3 見たいYouTubeのページを開きますと<埋め込みコード>というボタンがあります。
このボタンをクリックしますとHTMLのコードが表示されます。これが埋め込みコードです。
このコードをコピーしてブログ編集画面に貼り付ければYouTubeを参照することが出来るのです。

Q4 カラーコードにはどのような表記がありますか。

A4 パソコンの表示色はR(red・赤)G(green・緑)B(blue・青)の混合比で表されます。
各色は0~255の段階で指定ができます。それを表すのがカラーコードです。
色の段階を10進数で指定する方法と16進数で指定する方法があります。
また、数値でなくカラーネームで指定する方法もあります。

①10進数の場合
赤のカラーコードは「255,0,0」です。
数字は「赤、緑、青」の割合を10進数で指定します。赤の要素が最大の255、緑、青が最小の0ですからこの色は赤となります。
「0,0,0」が黒、「255,255,255」が白となり、光の三原色の原理で色が決まります。
ソースコードの例:
(例1)<span style="color:rgb(255,0,0);">この文字は赤です</span>
(例2)<font color=(0,255,0)/>この文字は緑です</font>

②16進数の場合
緑のカラーコードは「00ff00」です。
上2桁が赤、次の2桁が緑、下2桁が青を指定します。緑の要素が最大のff、赤、青が最小の00ですからこの色は緑となります。
「00」が十進数で0、「FF」が255です。
ソースコードの例:<font color=#00ff00/>この文字は緑です</font>


③カラーネームの場合
カラーコード表に併記されています。red、green、blue、・・等
ソースコードの例:<font color=red>この文字は赤です</font>

カラーコード表から色を選んでソースコードを書き換えればどんな色も指定できます。
ワードやエクセルで色を選択するツールがありますが、ユーザ設定で使われているのは10進数のコードです。
カラーコードについてはURL http://www.htmq.com/color/colorname.shtml
を開いてみてください。(HTMLを使用しておりませんのでリンクは使えません)

これで、HTMLのテーマ投稿は終了します。


  

by pc-otasukeman | 2010-11-01 23:37 | Comments(2)

Commented by banban0501 at 2010-11-01 23:44
HTMLのこと 少しずつわかりかけてきました

もう少しブログ編集に役にたつ言語も教えて
いただけると もっとうれしいです

例えば 前に 行を変えたいときは
<br clear=all>を教えていただきました

写真のサイズを変えるための入力も少しわかりましたが
エキサイトが用意していない
色などをつかったり 飾りをつかったりもできますか?
Commented by パソコンお助けマン at 2010-11-02 07:41 x
少し本文を修正しました。
★ banban0501 さん
エキサイトの編集入力はソースコードで表記されていますので、色も直接変更できます。
つけたい色があった場合はカラーコード表を見て、タグのコード(ff0000や255,0,0等)を書き換えれば簡単につけることができます。
またその他もHTMLタグ一覧から探して見てください。
名前
URL
削除用パスワード

<< 次回投稿テーマは「ブログのマナ...    HTML 具体例(2/2)追加 >>