2歳と5歳女子たちの子育て中専業主婦
あるふぃーるです。
お得情報発信がんばってます!
メインブログも遊びに来てね!!
普通の主婦あるふぃーるがネットでお小遣い稼ぎに挑戦してみるウェブログ
【2017年5月版】誕生月までに登録するとお得なサイトはこれ!
こんにちは
のど風邪がなかなか治らず
ぐったりぎみのあるふぃーるです
明日幼稚園の親子遠足なのに泣きそうです
昨日公開した記事↓
【小技】ページ内リンクのやり方をまとめてみた【ページが長くなった時に便利】
思いのほか反響がすごくてびっくりしました!
読んでいただきありがとうございます
目次作りたいけど
HTMLタグを触るのちょっとと思っている方向けに
Webでできる文字入れたら目次のHTMLタグに変換して
HTML表示に張り付けたら目次作れるぜ!みたいな
ツールあったらいいのになぁー
あれば教えてください><
時間あったら作ろうかなーって思ってるけど
需要があるのでしょうか?
あればこっそり作ってみたい!
でもまだ根本解決できてない問題が・・・・あと技術力がついていかない
それ解決しないとな・・・
毎日勉強!
あれ?わたしどこ目指してるの?
この記事は↓の補足です!
【小技】ページ内リンクのやり方をまとめてみた【ページが長くなった時に便利】
昨日の記事では
リンク先の設定(飛ばしたい先の目印)<a id="title" name="title">タイトル</a>
リンク先は 「aタグ!」とご紹介しましたが
よくよく考えたら
id属性(&name属性)は
すべてのタグについている属性なので
わざわざaタグにしなくてもOKです
調べが足りませんでしたすいません
リンク元はaタグですよ
サンプルです
昨日と同じような感じですが
さっそくやってみたいと思います
このHTMLソースをそのままHTML表示にペタッとはると
<a href="#title02">タイトル02へリンクする</a>
↓こんな感じになります
リンクを押すとページの下部分に飛びます飛びます
<h1 id="title01" name="title01">title01はここにとぶよー</h1>
↓
title01はここにとぶよー
昨日と違うのは h1タグになっている点です
h1は見出し用によく使いますね
同じようにh2 h3等にも使えますよー
見出しに飛ばしたい方はhタグに id属性を付けてあげるといいですね
<div id="title02" name="title02">title02はここにとぶよー</div>
↓
こちらはDIVタグにID属性を設定しています
枠をかっこよく見せるためによく使うDIVタグやPタグなどにもidがあるので
見出し以外に飛ばしたい場合はこのタグたちを使うといいかも!
リンクのテストしたいときは
アメブロのプレビューはリンク飛ばないので
一度公開して試すか
ローカルでファイル作って試すのがいいかと思います
ローカルでファイル作って試しはこうやってます
わたしのPCがWindowsなので
windowsPC限定のやり方で書いてます
他のOSやスマホの方ごめんなさい
1:メモ帳などのテキストエディタ起動
メモ帳がどこにあるかよくわからない方は
「Windows」キーを押しながら「R」キーを押すと
「ファイル名を指定して実行」が表示されるので
「notepad」入力してENTERキーを押すとメモ帳が起動します
多分これが一番早い
2:アメブロエディタをHTML表示してHTMLをメモ帳に全部コピー&ペースト
全部コピーしてそのままぺっ!
3:メモ帳に名前をつけて保存
[ファイル]-名前を付けて保存で
ファイル名のところに
「〇〇.html」(〇〇は好きな文字、ここではsample.html)
と設定しています
出来たファイルをダブルクリックすると
ブラウザで表示されます
リンクを確認したい場合はこんな感じにやってみてください!
アメブロプレビューでリンク確認できたらいいんですけどね・・・
そんなわけで書いてみました
また小技的なものあれば書いていこうかなーと思います
お小遣い稼ぎもこつこつ頑張ります
よいブログライフを!!
あ、PONEY登録しました
楽天高還元特集があるので
またツールつくろうかなと思ってます
よろしければここから登録していただけるとうれしいです
★ポイントインカム
★げん玉
★ハピタス
★ちょびリッチ
★ポイントタウン
★i2iポイント
★チャンスイット
★ゲットマネー
★ECナビ
★すぐたま
楽天高額マイルを活用の方こちらもよろしければお使いください。
【すぐたま】Webで計算できる楽天高額マイルの特集計算ツール作成 β版 目安としてお使いください
※外部サイトに飛びます。
★モッピー
★PONEY
★タッチモール
招待コード「BIBCK」
★スマホでかんたんフリマアプリ
「メルカリ」
メルカリで使えるポイントがあたる福引券もらえます
招待コード【SUGNUB】
★楽天のフリマアプリ
「ラクマ」
お互い100ポイントもらえます
招待コード【4YdI7nLF】
★なんでも募集できる 地域コミュニティアプリ
「メルカリ アッテ」
メルカリで使えるポイント300ポイントもらえます
招待コード【SAXXKTQK】
★レシートがお金になる
「CASHb」
招待コード【ABBTL】
★本のフリマアプリ
「ブクマ!」
お互い300円分のポイントがもらえます
招待コード【E691F】
★レシートがお金になる
「CASHb」
招待コード【ABBTL】
★割り勘アプリ
「Paymo(ペイモ)」
最大1500円分もらえます
招待コード【PQBGPPP】