備忘録！ Ｈｔｍｌ ブログパーツ画像貼り付け時のサイズ指定

・　邪魔にならないように小さく縮小して表示する指定の仕方です。

（　前回の日記で、事前に縮小しておいて…　と書いてしまいましたが、Ｉｍｇのパラメータ指定で、任意の大きさまたは（５０％）のようなサイズ指定ができます。　）

・　今回のサイズ指定はピクセル指定ですが、％指定は、縦横サイズを次のように変更します。

　〜　 Ｗｉｄｔｈ=”５０%”　 ｈｅｉｇｈｔ=”５０%”　＞　

（　注：　説明欄は、漢字扱いの全角で表記していますが、データは半角で入力します。）

＜　画像貼り付けについての補足　＞
・　過去のヤマレコの山行記録やヤマノートに張り付けた画像であれば、写真表示後に右クリックでアドレスをコピーして貼り付けできますが、未登録の画像はＵＲＬ指定できません、私の場合は別ブログ（Ｊｉｍｎｙのブログ）に画像データをアップロードしておいて、そのＵＲＬを指定しています。
＜　追記　＞
・　本来やりたかったことは、地理院タイルを自由に組み合わせて、自分独自の３Ｄマップを造ってみたいとの思いからのスタートですが、ＨＴＭＬの入口でつまづいていて、ＡＰＩを自分だけで動かすのがやっとです、この先へ進むには、ソフト開発環境を作ってＰＧの勉強をするしかありませんが、とんでもなく高い山のようで、どこから歩き始めたらよいのやら、先が全く見えません。　

コメント

としみず

おぉぉ、その欄があったか！
　makobeさん、こんにちは！

　なんと、ブログパーツ欄を使うと日記・レコの本文にHTMLタグ(少なくともIMGタグはOK)が書けるのですね♪

　確かに、HTMLタグの記述をなんでも許すと、タグの閉じ忘れでヤマレコページ全体の表示を崩してしまったり、ユーザーのセキュリティ上よろしくないコードを挿入されたりする可能性も判るのですが、imgタグはかなり使いたいところ。一番下の方限定とは言え、使える事が判って嬉しいです(^_^)/

○ヤマレコ日記：ainakarenさん：画像URLのリンクと コメントの写真
　https://j.mp/2IsMgy7
　いわゆるBBコード記法。以前は日記・レコの本文でも使えたらしいのですが、今はコメント文中でしか使えない...

○とほほのHTMLリファレンス
　http://www.tohoho-web.com/html/
　IMGタグの説明はこちらに https://j.mp/3pkCkan
　大変古くから有るサイトですが、変な広告もなく、CSSやjavascriptも記載されていまして、長年お世話になっています。

【オマケ】
○ウィキペディア：BBコード
　https://j.mp/3phKZKR

○qiita：HTMLにimg要素で画像を表示する 2020年版
　https://j.mp/3lo8oIi
　HTMLも今やHTML5になり、日々どんどん進化しているのですね…💦

makobe

Re: おぉぉ、その欄があったか！
toshimizu7566　さん　こんにちは

・　ＨＴＭＬの情報、ありがとうございます、
教えていただいた、 「とほほのHTMLリファレンス」　見て、こんなにたくさん？とびびってます。（　半年くらいかかりそうですね。）

・　文字列表示とＦｏｎｔ指定、アンカーの表示まではできるのを確認しましたが、地理院タイルを重ねるＬｅａｆｌｅｔのＡＰＩスクリプトは、ブラウザでは動いてもヤマレコではセキュリティがかかってエラーではねられます。
（　自分のブログへの貼り付けもいろいろ試しましたが、スクリプトは動作しませんでした。）

・　国土地理院のデータダウンロードや標高データの扱いや、３Ｄのほうももっと勉強していきたいと思います。