ブログパーツ

眼鏡小僧の独り言

パソコン関連や深夜アニメ、イベントで買ってきた同人誌のレビューなどをする情報配信ブログです。 ※閲覧推奨環境 Windows7 64bit Firefox

(自分専用の)HTMLタグメモ

世の中には沢山のHTMLタグがありますが、実際に使うのはそれほど多くなかったりします。

今回は自分用に、よく使うタグをまとめてみた。

自分で記事を書くときにコピペして使うためのタグ一覧。

・同じ記事の中でリンクする

  <a name="abc(リンク名の記号化)">abcの場所(リンクしたい場所の文字を挟む)</a>

  <a href="URL#abc">

  【コピペ用シンプルタグ】
  <a name="a"></a>



・リンクを貼る

  ◇リンク先に飛ぶ
  <a href="リンク先のURL">リンクしたい文字・画像</a>

  ◇新しいタブを開いてリンク先に飛ぶ
  <a href="リンク先のURL"target="_blank">リンクしたい文字・画像</a>


・マウスポインターが重なると画像が変わる(オンマウスオーバー)

  <img src="マウスを重ねる前の画像URL"onMouseOver="this.src='マウスを重ねた後の画像URL'"onMouseOut="this.src='マウスを重ねる前の画像URL'"border="0" />

  ※上記のリンクタグと組み合わせて使用。


・文字を消す(マウスで反転させて表示する)(ネタバレ防止)

  <span style="color:#F5F5F5">消したい文字</span>
  (文字を消したいページの背景色と同じ色を文字色に設定する)


・HTMLタグを隠す(一時的にトップページの表示を変える場合などに残しておける)

  <!-- 消したいタグなど -->


・HTMLタグを説明するためにタグを表示する

  <>←コレ(の半角)をタグとしてではなく、文字として認識させる。
  <>が文字ならば、<>に囲まれた文字はタグではなく英字として認識され、
  通常表示が可能。
  &LT;表示したいタグ&GT; ⇒⇒⇒全部半角で入力


・文字サイズを直接指定

  <font size=フォントサイズの数字>文字</font>


・右寄せ、左寄せ、中央寄せ

  <div align="right">右寄せ</div>

  <div align="left">左寄せ</div>

  <div align="center">中央寄せ</div>

  <center>中央寄せ</center>


・文字を点滅させる

  <blink>文字点滅</blink>


・スクロールする

  <MARQUEE DIRECTION=left>文字のスクロール</MARQUEE>
  (文字の流れる方向はright、left、up、downで変更)
関連記事

テーマ:WEB素材 - ジャンル:コンピュータ

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://meganekozo.blog52.fc2.com/tb.php/485-226b9485
この記事にトラックバックする(FC2ブログユーザー)

FC2Ad