HTMLの基本を学ぶの変更点

追加された行はこの色です。
削除された行はこの色です。
HTMLの基本を学ぶへ行く。
*HTMLの基本を学ぶ [#a7479920]
ここで紹介しているサイドネジネスはインターネットを介したものです。~
アフィリエイトや記事投稿ではサイトを使います。~
商品&color(Black){リンク};などをサイトに載せるためにも最低限のHTMLの知識があった方が有利です。~

#br
*HTMLってなに？ [#a7479920]

HTMLというのはサイト表示に関するプログラムです。~

&imgfolder(tother5.gif,サイドビジネス){};~
具体的には、インターネットブラウザのメニューの「表示」の「ソース」をクリックすると~
アルファベットなどの文字列が表示されます。これがHTMLです。~
HTMLに記述しているから、サイトの絵や文章などがその配置で表示されています。

&imgfolder(tother4.gif,サイドビジネス){};~

・・・・・・~
・・・

ぱっと見、わけ分かりませんね（^^;~
私自身よく分かっていません。このサイトのHTMLなのにです。~
サイト作製のプロになるわけではないですから、一から全部を理解する必要はありません。~
最低限の知識さえ備えておけばネットサイドビジネスをするには事足ります。~
#br
*HTMLの記述法 [#a7479920]
プログラムにはそれぞれの記述の型があります。~
その決まり通りに書かないと正しく動作してくれません。

HTMLの一番基本的な型は、~
<　<p>

このように「<」と「>」で囲まれたタグと呼ばれるものを使います。~
中に入っているアルファベットでどういう機能を発揮させるのかを指示しています。~
（検索サイトで「htmlタグ」と検索すると多くの解説サイトが表示されます）

そして多くの場合、
<　<p>ＡＢＣＤＥ</p>

こんな感じに終了を意味する</p>を記述します。~
「/」（スラッシュ）を書くのがポイントです。~
この例で使っている<p>タグは「段落変え」を意味し、~

　ＡＢＣＤＥ

こんな感じに段落を変えて表示されます。~
とりあえず<body></body>や<html></html>とか<title></title>のように~
囲うものだと覚えておくといいでしょう。~
中には例外もありますが（^^;



#br
*ネットビジネスをする上での最低限必要なHTMLって？ [#a7479920]
私の考える初心者が押さえておくべきHTMLタグは以下の4つです。~
これだけ知っておけばとりあえずアフィリエイトは始められます。~
<①<a>　②<img>　③<table>　④<br />

**①<a>でリンクを作る [#i3852a98]
アフィリエイトで提供されるコード（プログラムの文字列）を例に挙げましょう。~
 <a href="http://hb.afl.rakuten.co.jp/hsc/0b34cd41.5dad8d20.05714c55.d7e0680c/" target="_blank">
 <img src="http://hbb.afl.rakuten.co.jp/hsb/0b34cd41.5dad8d20.05714c55.d7e0680c/" border="0">
 </a>
これは私の楽天市場への&color(Black){リンク};コードです。~
このコードをサイトに貼ると、楽天市場へのリンクができて、~
訪問者がこのリンクを経由して買い物をすると、報酬が発生します。~




このコードを単純化すると&color(Red){<a><img></a>};となります。

&color(Black){<a>};は別のページへ移動する機能を持たせます。~
&color(Black){<a>};〇〇〇</a>とすると[[〇〇〇>HTMLの基本を学ぶ]]のように&color(Black){リンク};を作ることができます。~

 <a href="">
これの&color(Red){href=""};は&color(Black){リンク};先のアドレスを指定します。~
href="ここにアドレスを記入"。~
当サイトへの&color(Black){リンク};なら
 <a href="http://jp-channel.com/account/">とある会社の経理さん</a>
となります。もしhref=""に何も記入しなければ、その&color(Black){リンク};をクリックしてもどこにも移動しません。~
宛て先が書いてない荷物みたいなもので、移動のしようがありません。~
次はもうちょっと機能をもたせて、

 <a href="" target="_blank">
これの&color(Red){target="_blank"};は&color(Black){リンク};をクリックした時に、ブラウザのページをもう一枚新しく作って~
&color(Black){リンク};先を表示させる指示です。~
こちら「&ahblank(1,http://jp-channel.com/account/index.php?){とある会社の経理さん};」をクリックするともう一枚ページが開きます。~

こんな感じです。

#br
**②<img>で画像を表示する [#ba007877]
&color(black){<img>};は画像表示を指示するコードです。~
 <img src="">
&color(Red){src="ここにアドレスを表記"};とすることでその画像を表示することができます。

例えば<img src="http'':''//jp-channel.com/account/image/title.gif">と記述すると~
&imgfolder(title.gif,とある会社の経理さん){};~
このように指定した画像が表示されます。

#br
**③<table>で文章・画像の位置を指定する [#f9f08786]
&color(Black){<table>};で表構造を作ることができます。~
これを覚えておけば、画像や文字の配置を割合自由に行えます。~
サイトのデザインを整えるのに役立ちます。~
知らなくてもいいっちゃいいんですけど、便利なんで（^^

 <table><tr><td></td></tr></table>

これが一番単純な作りです。


#br
**④<br />で改行する [#c49dbee8]
&color(Black){<br />};と書くことで改行されます。~
意外と使用頻度が高いので重宝します。
#br
*・・・で、ＨＴＭＬってどこに書いたらいいの？ [#hcdd71ae]

色々説明していますが、せっかくのHTMLをどこに書いたらいいのか、です。~
自分のパソコンのメモ帳やwordに書いていてもネット上には表示できません。~
ちゃんと公開できる場所に書かなくてはいけません。





#br
#htmlinsert(business.txt)
HTMLの基本を学ぶ の変更点

HTMLの基本を学ぶの変更点
