blog 2017年3月版 |
|
ネットで稼ぐといっても、ネットで商売する限りは、HTMLはついてまわります。 HP ・ ブログ ・ メルマガ ・ オークションで商売するのに、 つまり、書き込みするのに必要な最低限の HTMLを簡単に解説していきます。 |
|
HTMLタグ 1 <リンクを貼る>
HTMLタグ 2 <改行する>
HTMLタグ 3 <等幅フォントで表示する>
HTMLタグ 4 <段落をつくる>
HTMLタグ 5 <ソース中にコメントを入れる / コード例>
HTMLタグ 6 <文書にタイトル>
HTMLタグ 7 <文書の本体>
HTMLタグ 8 <見出し>
HTMLタグ 9 <文字を強調する>
HTMLタグ10 <画像を表示する>
HTMLタグ11 <効果音を鳴らす>
タグとは <NEW2015>
フォロワーを増やす 1
フォロワー (follower) とは
|
up
2017/03/29
【HTMLタグ11】
<効果音を鳴らす>
InternetExplorerだけのタグで、
ページが開かれたらバックグランドに効果音や BGMとしてサウンドを再生します。
ファイル形式は、MIDI (.mid)、WAVE (.wav)、AIFF (.aif)、AU (.au)
<BGSOUND> タグは <HEAD>〜</HEAD> 内に記述します。
<コード例>
<html> <head> <title>BGMを鳴らす</title> <bgsound src="test.wav" loop="infinite"> </head> <body> : : </body> </html>
test.wavが、音をならすサウンドファイルです。
up
2017/03/25
【HTMLタグ10】
<画像を表示する>
<IMG> は Imageの略で、画像を表示するタグです。
表示する画像ファイルは、src属性 (srcはsourceの略) で指定します。
Webに使用できる画像形式は、GIF ・ JPEG ・ PNGの 3種類です。
<コード例>
<img border="0" src="../images/img001.gif" width="200" height="400" alt="写真">
「width」 と 「height」 に入れるのは、ピクセルです。
up
2017/03/21
【HTMLタグ 9】
<文字を強調する>
フォントの種類 ・ 大きさ ・ 色を指定します。
<FONT> タグでフォントの種類 ・ 大きさ ・ 色を指定します。
<コード例>
<font size="2" color="red">フォントサイズ2、カラー赤</font><br>
<font size="3">フォントサイズ3</font><br>
<font size="+1">フォントサイズ+1</font><br>
<font size="6" face="MS ゴシック">サイズ6、ゴシック体</font><br>
これで、フォントの大きさや色、字体などを設定する事が出来ます。
この文字の強調は、最低限必ず覚えて置いた方が良いでしょう!
なぜなら、Yahoo!オークションでも、使いますので利用頻度の多いタグです。
up
2017/03/18
【HTMLタグ 8】
<見出し>
<H1>〜<H6> の Hとは Headingの略で、見出しを表します。
<H1> が最上位の見出し (大見出し) で、
以下数字が小さくなるにつれて下位の見出し (小見出し) になります。
<H6> が最下位の見出しになります。
<コード例>
<h1>見出し1</h1> <h2>見出し2</h2> <h3>見出し3</h3> <h4>見出し4</h4> <h5>見出し5</h5> <h6>見出し6</h6>
この見出しも検索エンジンによっては、読み取る場合が有ります。
検索エンジンの表示結果が適正に表示されるようにするには、
こういった表記を適当なところに使うようにして置きます。
up
2017/03/15
【HTMLタグ 7】
<文書の本体>
HTML文書では、
<HTML>、<HEAD>、<BODY> のたった 3種類のタグで文書の構造を表しています。
<HTML>〜</HTML> は、
その文書が HTML文書である事を宣言するタグで、文書の最初と最後に必ず書きます。
これがないと、HPの HTMLにはなりません。
<HEAD>〜</HEAD> の間には、文書のタイトル等のヘッダ情報を記述します。
そして <BODY>〜</BODY> の間には、ブラウザに表示される文書の本体を書きます。
<コード例>
<html> <head> <title>文書のタイトル</title> </head> <body> 文書の本体 </body> </html>
<HEAD>〜</HEAD> の間に入れるタイトルは必ずいれて置きます。
HPでもブログでも、
Yahoo!や Googleなど検索エンジンは、これをキーにしてる場合が多く有ります。
すなわち、
上記のこのタイトルも検索対象にしている事が多いので、必ず記入するようにします。
Yahoo!や Googleなど、
検索エンジンの検索結果の上位に表示されれば、訪問者の増加が期待できます!
<ここが重要!>
Yahoo!や Googleなど、
検索エンジンの検索結果の上位に表示されれば、訪問者の増加が期待できます!
up
2017/03/11
【HTMLタグ 6】
<文書にタイトル>
<TITLE> は文書にタイトルをつけるタグです。
<TITLE> は省略できないので、<HEAD>〜</HEAD> 内に必ず 1つ記述します。
<コード例>
<html> <head> <title>文書のタイトル</title> </head> <body> 文書の本体 </body> </html>
このタイトルは必ずいれて置きます。
HPでもブログでも、
Yahoo!や Googleなど検索エンジンは、これをキーにしてる場合が多く有ります。
すなわち、上記のこのタイトルも検索対象にしている事が多いので、必ず記入するようにします。
<ここが重要!>
Yahoo!や Googleなど、
検索エンジンの検索結果の上位に表示されれば、訪問者の増加が期待できます!
up
2017/03/08
【HTMLタグ 5】
<ソース中にコメントを入れる>
<!-- --> で囲まれた部分がコメントになります。
HTMLソース中にコメントを記述したり、
一時的にコンテンツの一部を隠したり、タグを無効にする際に使います。
<コード例>
<!--この部分はメモで、プラウザには表示されません-->
アフィリエイトの広告のタグの場合、
このコメント欄に、アフィリエイトの名称をいれて、
HPやブログのコードと区別できるようにして、取り外しがスムーズになるようにしています。
up
2017/03/04
【HTMLタグ 4】
<段落をつくる>
<P> タグは Paragraphの略で、
<P>〜</P> で囲まれた部分がひとつの段落である事を表します。
<コード例>
<p> ネットで稼ぐといっても、ネットで商売する限りは、HTMLはついてまわります。
HP ・ ブログ ・ オークションで商売するのに、
つまり、書き込みするのに必要な最低限の HTMLを簡単に解説していきます。</p>
これで、HTMLでは段落扱いとなって文書がブロックになってスッキリまとまってくれます。
来訪者が見やすくなります!
また、後々、編集する時も、解かりやすくなります。
up
【フォロワーを増やす 1】
相手のつぶやき声が聞こえてくると言った雰囲気なので、
適当に自分の事を更新したり、他の人の発言に応答していれば自然と会話が出来てきます。
特に、ちょうど同じ時期に始めた人だと、
一緒に twitterについて分かってくるので、いろいろと盛り上がる事も有ります。
どこの場所からツイートしているのか、という情報も分かりますので、
関西や関東、地方などの近所にいたり、
海外からの発信だったり、場所をチェックするのも良いでしょう。
地理的に近いというだけでも、少しは盛り上がるものです。
【フォロワー (follower) とは】 <NEW15>
あるユーザーの事をフォローしているユーザーの事です。
Aさんと Bさんの二人がお互いの事をフォローしている場合、
Aも Bもお互いのフォロワーといえます。
up
2017/03/01
【HTMLタグ 1】
<リンクを貼る>
<A>タグはアンカー (Anchor) の略で、リンクの出発点と到達点を指定するタグです。
リンクの出発点では、href属性でリンク先を指定します。
<コード例>
他の HPにリンクします。
<a href="http://www.yahoo.co.jp">ヤフーにリンクします</a>
メールアドレスをリンクします
<a href="mailto:info@yahoo.com">ヤフーメールにリンクします</a>
mailto: は、メールアドレスのリンクですよという決まり文句です。
【HTMLタグ 2】
<改行する>
<BR> とは Break (改行) の略で、テキストや画像等をブラウザで改行させたい時に使います。
<コード例>
改行します<br>
これで、ブラウザ上で改行してくれます。
<br> を 2つ <br><br> といれれば 2行改行します。
改行する事で、読みやすくなったり、見栄えが良くなったりします。
【HTMLタグ 3】
<等幅フォントで表示する>
<TT>〜</TT> で囲まれたテキストを等幅フォントで表示します。
文字で、絵などを作る場合は、これでして置けば、文字が等間隔で並んでくれます。
<コード例>
<tt>文字を綺麗に等間隔で並べます</tt>
文字記号で、表を作ったり、絵を描く場合は、このタグを入れて置きます。
【タグとは】 <NEW15>
荷札、付箋といった意味。
特殊な記法で、文書 (データ) に埋め込んで記述される付加情報の事。
Webページなどの記述に使われる HTMLや XMLでは、
元になる文書に 「<」 と、「>」 で囲まれた標識を埋め込む事で、
表示ソフトに対して文書構造や書式、文字飾りなどを指示したり、
画像や他の文書へのリンクを埋め込む事が出来るようになっています。
|