■HTMLの基本構造

CSSの説明が一段落したので､今日から、HTMLというものの説明に入っていきます。

続きを読む

■引用文には、「blockquoteタグ」を使おう！

皆さん引用文を書く時にどうしていますか？

続きを読む

■リンクをそのまま開く？別ウィンドウで開く？

記事にリンクを貼る方法については、以前記事にしましたので皆さんもう使ってらっしゃると思います。

続きを読む

■箇条書きは､リストを使ったら見やすくなります。

箇条書きをする時は､リストを使うとかなり見やすくなります。

続きを読む

■HTMLを使えば､表も作成できます。

HTMLを使えば､表(テーブル)も作ることができます。

続きを読む

■これができたら一味違う！リンクを使いこなしてみよう！

リンクの基本的な使い方については、かなり前に説明しましたが、リンクには､もっと違った使い方もできます。

これが使えると、ブログのレベルが少し上がります。

続きを読む

■リンクに画像を使ってみよう!

今回紹介する画像にリンクを貼る方法は、よく質問をうけます。今回の説明で何とか理解していただけたら幸いです。頑張ってみてください。

文章にリンクを貼るのは､皆さんもう大丈夫ですか？

やり方が分からない人は､「記事にリンクを貼る方法」を参考にして下さい。

今日は､文章ではなく、画像にリンクを貼る方法を紹介します。

続きを読む

■マウスカースルがのるとヘルプを表示させる方法

マウスカーソルがのるとヘルプを表示させることができるものは、２つあります。

ヘルプとは､このようなものです。今日の順位は？の上にカーソルをあわせてください。

今日の順位は?です。

このヘルプは、リンクと画像の時に使えるのですが、やり方は､どちらとも別々のやり方なのでごっちゃにしないように気をつけてください。

■まずは、リンクの方から説明します。

<a href="リンク先URL" title="ここにヘルプを書く">リンクさせたい文章</a>


■次に､画像の場合です。

<img src="画像のURL" alt="ここにヘルプを書く">

赤字に所が違います。気をつけましょう！

それでは、皆さんもやってみましょう！

皆さんのお力をお貸しください！(ランキング)

＜関連情報＞
HTMLタグリファレンス
必要最低限は､私が説明するつもりですが､HTMLには、たくさんのタグがあります。詳しく知りたい人は、役に立つと思います。

■divタグを制する者が、HTML編集を制す。

HTML編集をする場合は､タグ「div」の使い方がとても大事です。

HTML編集したい方は､この使い方をマスターしましょう！

特にアフィリエイトに挑戦されている方は､必見です！

慣れるまで時間がかかると思いますが､頑張っていきましょう！

続きを読む

■HTML編集する時はコメントを上手に利用しよう！

HTML編集をする時、コメントを入れていたほうが分かりやすいので、活用するようにしましょう！

コメントは、HTMLリファレンスで次のように書いてあります。

<!-- -->で囲まれた部分がコメントになります。 HTMLソース中にコメントを記述したり、一時的にコンテンツの一部を隠したり、タグを無効にする際に使用します。

コメントは1行でも複数行でも構いません。 始まりの<!--は続けて記述する必要がありますが、終わりの--と>の間には空白が入っても良いことになっています。 そのためコメントの途中に連続するハイフンは入れないほうが良いでしょう。

このようにコメントは、ブログを見ている人には、見えないので、自由に使っても大丈夫です。

但し、コメントの閉じ忘れなどがあるとそれ以降がブラウザで表示されなくなるので、注意が必要です。

具体的な使い方としては、HTML編集をする時に

<!-- ここからがメルマガの告知 -->

メルマガの告知の文章←ここの文章だけブラウザに表示されます。

<!-- ここまでがメルマガの告知 -->

であるとか、アフィリエイトをしている人だったら

<!-- ここからアドセンスの広告 -->

アドセンスの広告のソース←アドセンスだけブラウザに表示されます。

<!-- ここまでアドセンスの広告 -->

といった使い方ができると思います。

HTML編集する時は、コメントを上手に利用しましょう！

皆さんの応援で明日も頑張れます！(ランキング)

＜関連情報＞
正しいコメントを書こう

■リンクをクリックするとメールソフトが立ち上がるようにしてみよう！

リンクをクリックするとメールソフト(Outlook Expressなど)が立ち上がるようにする事ができます。

続きを読む