文字を入力</a" />

ホームページ作成でよく使うHTMLタグとコード

  • このエントリーをはてなブックマークに追加

ホームページ作成でよく使う「文字リンク・画像リンク・タグ一式」をまとめました。

文字リンク

文字を入力
<a  href="URL" title="タイトル" target="_blank">文字を入力</a>

画像リンク

画像の説明
<img  src="URL" width="300" height="300" border="0" alt="画像の説明" hspace="5">

hspace:左右の余白

文字と画像リンク

画像の説明文字を入力
<a  href="リンクURL" target="_blank" title="タイトル"><img  hspace="5" alt="画像の説明" border="0" height="300" width="300" src="画像URL">文字を入力</a>

記事中によく使うタグ

斜体
<i>斜体</i>
文字の下にアンダーバー
<u>文字の下にアンダーバー</u>
取り消し文字
<strike>取り消し文字</strike>
太字
<b>太字</b>
文字の強調
<strong>文字の強調</strong>

記事中の文字の色

赤色文字
<span  style="color: rgb(255, 0, 0);">赤色文字</span>
青色文字
<span  style="color: rgb(0, 0, 255);">青色文字</span>
緑色文字
<span  style="color: rgb(0, 255, 0);">緑色文字</span>

区切り・改行


<hr>
サンプル
(改行)
サンプル
<br>

記事の寄せタグ

文字を左へ
<div  style="text-align: left;">文字を左へ</div>
文字を中央へ
<div  style="text-align: center;">文字を中央へ</div>
文字を右へ
<div  style="text-align: right;">文字を右へ</div>

リスト表示

  • サンプル1
  • サンプル2
  • サンプル3
<ul><li>サンプル1</li><li>サンプル2</li><li>サンプル3</li></ul>

リスト表示(番号)

  1. サンプル
  2. サンプル
  3. サンプル
<ol><li>サンプル</li><li>サンプル</li><li>サンプル</li></ol>

引用タグ

この記事は引用です。
<blockquote>この記事は引用です。</blockquote>

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す