JavaScript対応ブラウザで表示してください。

タイトルです。








必要とする物は「インターネット接続環境」だけです。

例えば、今有るかどうか分かりませんが、ニフティーで、ホームページ-スペース の無い、メールだけの最低料金(1000円位か)の契約をした人でもホームページが持てることになりそうです。

ブログでホームページ作成が簡単になる

gooブログでは無料で、編集ページから、掲示板に書き込むような感覚でホームページを作れます。
HTMLなどを知らない初心者でも簡単にホームページが作れHTMLを知っている人でも「面倒な作業」が必要なく、 何かホームページに載せたいことがあったら、すぐに作ることができます。

利用可能なHTMLのタグ一覧

通常使用するであろう[HTMLタグ]とその[属性]が、有る程度用意されております。

a href name target target="_blank" address b big blink blockquote cite br center cite dd del cite div align dl dt em font color face size h1〜h6 align hr align size width i img align alt border height src width li ol start pre cols width q cite ruby rt s small strike strong sub sup table align background bgcolor border bordercolor bordercolordark bordercolorlight cellpadding cellspacing cols frame hspace vspace tbody align bgcolor char charoff bgcolor valign td align background bgcolor bordercolor bordercolordark bordercolorlight colspan headers height nowrap rowspan valign width tfoot align bgcolor char charoff valign th align background bgcolor bordercolor bordercolordark bordercolorlight colspan height nowrap rowspan valign width thead align bgcolor char charoff valign tr align background bgcolor bordercolor bordercolordark bordercolorlight char charoff height valign tt u ul


リンク設定について

上の表で[a]タグ[href]属性がありますので、リンク設定が可能なことが分かります。

リンク機能が付いて始めて[HTML](HyperText Markup Language)文書と言えるのです

ハイパーテキスト(HyperText)とは、通常のテキストではできない機能を実現している「テキストを超えたテキスト」という意味です。

リンク付けの方法 1 (blogの外部にリンクを張る)

  1. blogページを開きます。
  2. ブログの作成と編集をクリックします。
  3. 左側フレームで新規作成の場合は「新規投稿」を
    既に投稿の記事の編集・修正の場合は「記事一覧」をクリックします。
    ここでは、「記事一覧」をクリックしてみます。
  4. 過去blogが表示されます。(ジャンル、カテゴリー分類可、昇順変更可)
    (TEXYエディターで「虫大好きなお客さん」の文字列にリンクを張ってみます)
  5. リンクを付けたい文字列を選択します。
    ここで、いきなり右から5番目の「リンク」ボタンを押してはなりません。
    ワンクッション必要です。それは、[検索リンク]をクリックします。すると範囲指定したテキストにアンダーラインが表示されます。
  6. それから、右から5番目の「リンク」ボタンを押します。
  7. URL入力ダイヤログが現れますので、予め(9)(10)の[URL]をコピーしておき、それをを貼り付けます。
  8. [投稿]ボタンを押して完了します。(1つのリンクを張る度に投稿します。)
  9. 「虫大好きなお客さん」欄の「生息地」をクリックすると、カルガモのスライドショーにリンクします。
    <http://www.geocities.jp/cxnpp630/karugamo-slide/karugamo.html>
  10. タイトル「画像2枚挿入」の「古代ハス(大賀ハス)にリンク」をクリクすると、古代ハスアルバムにリンクします。
    <http://www.geocities.jp/cxnpp630/kodai_hasu-arubamu/kodai-hasu.html>

リンク付けの方法 2 (私のblogの内部にリンクを張る)

「虫大好きお客さん」の末尾から、「カルガモ」にリンクを張りました。
(予めカルガモを開いてURLをコピーして置きます。)
部内リンクなので、      「toshima_753/e/181b406375fc01e509b09b1ba1f2315c」のURLで張ったのですが、 自動的に「http://blog.goo.ne.jp/toshima_753/e/181b406375fc01e509b09b1ba1f2315c」のフルバスに直されました。

その他の実験

例えば、[h3]タグ使用の場合

「虫大好きお客さん」は<strong></strong>で囲みました。太字のなりました。
「3匹のヤモリ」は、<h3></h3>で囲んだのですが、太字にはなりません。文字列を選択して、[B]ボタンを押してもさっぱり反応がありません。[i]、[U]ボタンには反応するのですが、既に、太字は折込済のことと思われます。

「3匹のヤモリ」の一部に[cite]タグ(短い引用文用)を使いました。

確かに斜体にはなりました。しかし、スタイルシート記述は通用しませんでした。仕方なくツールバーのボタンで色を付けたのですが、W3C非推奨タグの「FONT」タグが記述されてしまいました。
<span>タグは、スタイルシート記述ができ、赤色で表示されました。

「虫大好きお客さん」欄で<div align="center">タグを使用

W3C非推奨タグ[center]を回避するため<div align="center">を使用して、センタリングを図りました。 しかし、属性のalign="center">も非推奨なのです。どうすりゃいいの。

「虫大好きお客さん」の末尾に[address]タグを使用しました。

斜体にはなりましたが、スタイル記述は通用しませんでした。何を書いても[address]しか残りません。インラインスタイルシートでなく、インベデイングスタイルシートにせよと言うことなのか、しかし、blogでは出来ない相談です。

トップへ戻る    総目次へ戻る
   blogでマイホームページを作る1へ戻る

inserted by FC2 system