aタグ(リンクタグ)とimgタグ(画像タグ)を直接使えるようにしてみました

[ガラケー版(QRコード)] 総閲覧回数:3,631,909回 / ブログ拍手:2,146
作品DB等各サービスの機能追加情報や、技術系・面白系記事を中心に提供。
記事の投稿は基本Twitterでも告知させて頂いています。
連絡は作品DBの論客の方なら私書、DB外ユーザの方ならメールTwitterで可能です。
アクセス記録[推移 / PV内訳(過去1日 / 過去1週間) / 外部アクセス元 (昨日 / 過去1週間) / ログイン論客足跡]
プロフィール私書(メール)
   /   /送済
評価(一覧   /)
投票   /共:   /
ファン登録
作品/情報/
DB構築()
ブログ
[書く]
攻略記事リンク集
My Play List
<=新記事2008/03/22 日記の同一記事内では同一幅で表示されるようにしてみました
=>古記事2008/03/21 色々調整

1.
2008/03/22 作品DB開発/運用 > aタグ(リンクタグ)とimgタグ(画像タグ)を直接使えるようにしてみました」
[この書込みのみ表示(記事URL紹介用) / 編集 / 削除 / トラバ送信 / 共有分類に追加(タグ付け)]拍手:2個

作品DBでは、URLは自動的にリンクに、画像のURLは自動的に画像に変換されますが、直接aタグ(リンクタグ)とimgタグ(画像タグ)も使えるようにしてみました。
使い方はHTMLの文法と全く同じです。

使い方:
< a href="リンク先のURL">リンク先名</a>
< img src="画像のURL" width="横幅の数字">
↑aとimgの前の空白はソースが見えるようにする為にわざとですが使う時にはそれ無しで。
URLは必ず"..."として囲む必要があります。

例:
a(リンクタグ)の例: < a href="http://www.accessup.org/anime/">作品DB< /a>
作品DB

img(画像タグ)の例: < img src="http://static.flickr.com/23/26241198_906c6c821e.jpg?v=0" width="50">


画像(imgタグ)をリンクタグ(aタグ)で囲むと画像をクリックするとそれがリンクになる
< a href="http://www.yahoo.co.jp/">< img src="http://static.flickr.com/23/26241198_906c6c821e.jpg?v=0" width="50">< /a>


普通自動的にURLをリンクに変換したり画像に変換してくれたりするのに、ちょっと小難しいHTMLタグを自分で書くことによる利点は、長いURLを表示しなくすること(任意の文字列で代替すること)によって記述を短くしたり、大きい画像の横幅等を自分の好きなサイズに調整できることです
これによって、書き物の左下の部分のようにスペースが限られたところでの表現のオプションを増やすことができます。

なお、aタグの場合target="_blank"を加えると、新窓でリンク先を開かせることができるという機能も、場合によっては役立つかもしれません。
例: < a href="リンク先のURL" target="blank">リンク先名</a>
作品DB(新窓で開く)

あと、これは中々難しいですが、imgタグはalign="left"という属性をつけると、そのまま画像の右に文字を回りこませることが出来ます。
< img src="画像のURL" align="left">

こんな感じ
align="left"を指定したから画像の右に書ける

これを解除する為のタグの
< br clear="all">
を使えるようにしました。
(ここまで来ると最早HTMLタグ打ちの世界ですが知っておいて損はしないでしょう)

コメントする2個


[他の記事も読む]
<=新記事2008/03/22 日記の同一記事内では同一幅で表示されるようにしてみました
=>古記事2008/03/21 色々調整


大分類が「作品DB開発/運用」の記事
この論客の記事全て
RSS購読
RSS
ブログ表示スタイル
リスト/携帯(QRコード)
画像/動画/音声/リンク
表示開始年月
分類
全て
1.このサイトについて
2.作品DB開発/運用
3.ホームページ制作技術
4.Perl
5.C言語 / C++
6.検索エンジン&SEO
7.サッカー
8.自分のこと
9.Linux
10.旅行
11.思ったこと
12.パソコン
13.Berkeley DB
14.その他技術系
15.企画
16.スマートフォン
17.鑑賞
18.皆声.jpニュース
19.インターネット業界
20.運用マニュアル(自分用)
21.技術系以外実用書
22.料理
23.ALEXA
24.アニメ
25.会計
26.漫画
27.設計書
28.色々サイト作成
29.サーバー
30.自分専用
31.生活
32.OP/ED/PV
33.ゲーム
34.DB整備
35.新規開始作品紹介
36.英語圏の話題
37.大道芸
38.映画
39.PHP
40.ダイエット
41.Mac
42.JavaScript
43.MySQL
44.介護
45.作品DB作品追加作業
46.BI
47.Web API
48.パフォーマンス
49.インターネットの活用方法
50.Riak
51.Androidアプリ開発
52.Cassandra
53.スパム
54.写真
55.iOSアプリ開発
56.AWS
57.マーケティング
58.Web漫画
59.法律
60.mongodb
61.開発環境整備
62.Google Apps Script
63.meteor
64.Pentaho
65.Ansible
66.VPS
67.技術書メモ
68.Vagrant
69.Docker
70.dokuwiki
71.Apple Watch
72.Webサービス
73.セキュリティ
74.Elastic Search
75.Wordpress
76.クラウド
77.英語
78.MVNO
79.シンガポール
80.マレーシア
81.管理人さん
82.管理人さん
83.管理人さん
日記の主な内容
サイト運営/開発
検索エンジン情報
・技術ネタ(Berkeley DB,
Linux, Perl, サイト作成)等

サイト管理
全まとめ
サーバー管理
定期処理状況
開発予定
削除提案
作品追加依頼
OP/ED追加依頼
OP/ED not found
作品提案承認欄

格言 fromスクライド
この世の理は即ち速さ
20年かければ馬鹿でも
傑作小説を書ける

助けられたら助け返す
それが俺のルール

強くなるには
一番弱い考えをする事だ
そしてその考えに反逆する




右側に何か入れてみるテスト


仕事でのサイト
介護DB
Helpyou
Doctor career
Nurse career
上へ ↑上へ 最速検索作品DB皆声