PR
Calendar
Category
カテゴリ未分類
(6132)アスパラ
(0)水稲
(9)トウモロコシ
(4)パプリカ
(0)トマト
(1)病害虫
(0)その他
(2)実験
(0)仮説
(1)料理レシピ
(18)料理レシピ（アスパラ）
(20)料理レシピ（パプリカ）
(17)ネットショップ
(46)楽天市場
(30)ブラインドタッチが出来るまで
(10)仕事
(29)自動車の燃費改善
(23)rakuten other shop
(19)楽天ブログ
(16)素人が覚えた html タグの使い方
(24)いつものぼやき
(47)気になったニュース
(15)名言
(8)Keyword Search
▼キーワード検索
2026.05
2026.04
2026.03
2026.04
2026.03
2026.02
2026.01
2026.01
Free Space
Comments
シロチドリ
@ Re:特定機密保護法案 今まで無かったのか、公務員は軍部も公務員でしょうから、軍事機密の様なものはしっかり保護してもらいたいです(11/21)
ほんとに、 情報管理をしっかりすること…
2013.11.22
テーマ： HTMLタグのお勉強(104)
カテゴリ： 素人が覚えた html タグの使い方
画像と文字でリンクを貼る時は、改行を入れると見た目が良くなります。
リンクを貼る時に使う＜ａ ｈｒｅｆ＝”＊＊＊”＞～～～＜／ａ＞にで行います。
～～～には、文字も画像も入れられますし、両方入れることも可能です。
画像と文字を入れるときに使うのは、
＜ａ ｈｒｅｆ＝”＊＊＊”＞＜ｉｍｇ ｓｒｃ＝”＋＋＋”＞○○○＜／ａ＞
こうなります。
これを画像でアップすると、
日本の匠【クックレインボー】CR-20D 浅鍋 3.8L ☆圧力なべと、普通の鍋利点を融合☆吹きこぼれず圧が適度にかかる特許取得製品
こんな感じで文字は画像の横から出てきます。
しかし、画像と文字の間に＜ｂｒ＞を入れると、
日本の匠【クックレインボー】CR-20D 浅鍋 3.8L ☆圧力なべと、普通の鍋利点を融合☆吹きこぼれず圧が適度にかかる特許取得製品
画像の下に文字がでます。
この状態だと大したことは有りませんけど、下のようにテーブルの中に入れたりすると見え方が変わってきます。
その為に＜ｂｒ＞で改行してあげて見た目を良くします。
上の段と下の段での違いは、画像と文字の間に＜ｂｒ＞が有るか無いかだけになります。
こういったときに改行の効果が出てきます。
リンクを貼る時に使う＜ａ ｈｒｅｆ＝”＊＊＊”＞～～～＜／ａ＞にで行います。
～～～には、文字も画像も入れられますし、両方入れることも可能です。
画像と文字を入れるときに使うのは、
＜ａ ｈｒｅｆ＝”＊＊＊”＞＜ｉｍｇ ｓｒｃ＝”＋＋＋”＞○○○＜／ａ＞
こうなります。
これを画像でアップすると、
日本の匠【クックレインボー】CR-20D 浅鍋 3.8L ☆圧力なべと、普通の鍋利点を融合☆吹きこぼれず圧が適度にかかる特許取得製品
こんな感じで文字は画像の横から出てきます。
しかし、画像と文字の間に＜ｂｒ＞を入れると、
日本の匠【クックレインボー】CR-20D 浅鍋 3.8L ☆圧力なべと、普通の鍋利点を融合☆吹きこぼれず圧が適度にかかる特許取得製品
画像の下に文字がでます。
この状態だと大したことは有りませんけど、下のようにテーブルの中に入れたりすると見え方が変わってきます。
その為に＜ｂｒ＞で改行してあげて見た目を良くします。
上の段と下の段での違いは、画像と文字の間に＜ｂｒ＞が有るか無いかだけになります。
こういったときに改行の効果が出てきます。
お気に入りの記事を「いいね！」で応援しよう
[素人が覚えた html タグの使い方] カテゴリの最新記事
-
bordercoloor は、プラウザによって表示… 2016.06.02
-
colspan rowspan 表の横と縦をつなぐ 2016.02.02
-
サムネイルの間延びは、外枠を追加して解… 2016.02.01
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
