FC2ブログ

目次の作り方・訂正版です!



目次の作り方について、昨日記事を書いたのですが、、、
私でも目次が作れた!

201710190011.jpg



あのやり方だと、飛んだあと「戻る」ボタンを押しても、目次に戻らない!! ということが判明しました。目次に戻らないで、それより以前に見ていたページに戻ってしまう。


どうしてなんだろ??
素人の私にはよく分からない~

これだと、「目次に戻る」ボタンも作んなきゃなんない、、、


もし、前回の記事を見て、目次を作ってしまった方がいらしたら、ごめんなさい。「目次に戻る」ボタン作りが必要です。


「目次に戻る」ボタンなしに目次に戻れるようにしたいなぁ、、、

で、もう一度研究してみました。今回はきっと大丈夫だと思います。



前回は、こういうふうに目次を作りました。


1) クリックする部分(つまりリンク元となる目次部分)のタグ

<a href="#title1">今日の天気</a>
<a href="#title2">明日の天気</a>
<a href="#title3">明後日の天気</a>


2) 飛んだ先(つまり目次をクリックした後に飛ぶところ)のタグ

<h3 id="title1">今日の天気は晴れです</h3>
<h3 id="title2">明日の天気はきっと晴れるでしょう</h3>
<h3 id="title3">明後日の天気は晴れるといいけど、どうなるでしょうか?</h3>



でね、直すのは、飛んだ先の部分。つまり2)の部分のタグです。

これを、頭のほうのは、<h3 id="title1"> → <a name="title1">、そして後のほうのは、</h3> → </a> と直してみてください。

つまり、こんな感じになります。

<a name="title1">今日の天気は晴れです</a>
<a name="title2">明日の天気はきっと晴れるでしょう</a>
<a name="title3">明後日の天気は晴れるといいけど、どうなるでしょうか?</a>


ただ、このように文章全部を<a name="title1">と</a>で囲んでしまうと、囲まれた部分が全部色が変わっちゃうわ。


今日の天気は晴れです


こんな感じになってしまいます。マウスを持っていくと、下に線も出ちゃう。



なので、次はその対策。<a name="title1">と</a>の間に全角スペースを入れて、そして頭に持っていきます。

<a name="title1"> </a>今日の天気は晴れです
<a name="title2"> </a>明日の天気はきっと晴れるでしょう
<a name="title3"> </a>明後日の天気は晴れるといいけど、どうなるでしょうか?


こうすると、大丈夫みたい。。。

これで新しく目次を作ってみると、こんな感じです。


【お天気目次】
今日の天気
明日の天気
明後日の天気


飛んだ先の本文が以下です。 


今日の天気は晴れです。
久しぶりに晴れて、お洗濯できました。 


明日の天気はきっと晴れるでしょう。
晴れてほしいな。ここのところ雨続きだったし。 


明後日の天気は晴れるといいけど、どうなるでしょうか?
どうやらまた雨が降るそうです。しくしく。


大丈夫そう。これだとちゃんと飛べるし、戻れる。これで大丈夫なのかな? 一応動いているから、大丈夫なんだと思います。

ふふふ♪

なんだか少しHTMLが分かった気がしてきました。なんちゃって。






ランキングに参加しています。お帰りにポチっとしていただけると嬉しいです。いろんな方が書いているお得情報も読めます。

にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ にほんブログ村 小遣いブログ お小遣い稼ぎで節約へ


オススメのお小遣い稼ぎはこれ! ٩(๑❛ᴗ❛๑)۶


ポイントタウン
ポイントでお小遣い稼ぎ|ポイントタウン
一番稼げる!
登録しておいて損はないです
稼ぎ方はこちら



ちょびリッチ
サイフもココロもハッピーに!ちょびリッチ
全額還元モニター案件がいっぱい!
今一番のお気に入り♪
稼ぎ方はこちら



CASHb

レシートがお小遣いに変わる!
紹介コード → ABFBG
稼ぎ方はこちら




〈 広告 〉



関連記事

Tag:目次 HTML

2 Comments

バカワイン  

僕も訂正後ののように利用してます。
だから、間違いなく大丈夫だと思いますよ。

2017/10/20 (Fri) 13:50 | REPLY |   

marimo217  

おっ、ちょうど週末にチャレンジしようと思ってたので助かりましたー☆☆☆

タグ見るのほんと好きなんです(*´艸`)
早くやりたいです(≧∇≦)

2017/10/21 (Sat) 12:02 | REPLY |   

Post a comment

Designed by Akira.

Copyright © 私でもネットでお小遣い稼ぎできるかな? All Rights Reserved.