a要素
TOPページに戻る > html入門
スポンサード リンク
a要素
リンクを作ります
外部リンクや内部リンクを作る要素です。href属性でリンク先のurlを指定します
リンク先はhtmlの他には、php、画像、動画、音楽、pdfなどを指定できます
使い方（書式）
<a></a>
a要素
| 対応ブラウザ | 
 |
| 要素の種類 | インライン要素 |
| 内容となる要素 | インライン要素 テキスト |
| 属性 | 説明 |
| href属性 | リンクを作るときに使う属性、値にurlを指定します |
| name属性 | ページ内リンクの飛び先に指定できます |
| target属性 | リンクの表示方法を指定できます _blank(新しいページを開く) _self(同じフレーム) _parent(親のフレーム) _top(一番上のwindow) |
| rel属性 | こちらのページから見た相手先リンクの関係を指定できます |
| rev属性 | 相手先リンクから見たこちらのページの関係を指定できます |
| type属性 | リンク先のファイルの種類を指定。MIMEタイプで指定します |
| coords属性 | イメージマップの有効範囲を座標で指定 |
| shape属性 | イメージマップの形を指定。値は下記の4つから選ぶ
default(全体)、rect(長方形)、circle(円形)、poly(多角形) |
| 共通属性 | html共通属性 |
| イベント属性 | htmlイベント属性 |
rel属性とrev属性の値
- alternate
- リンク元の代替文書
- stylesheet
- 外部スタイルシート
- start
- 初めの文書
- next
- 次の文章
- prev
- 前の文書
- contents
- 目次ページ
- index
- 索引ページ
- glossary
- 用語集
- copyright
- サイトの著作権
- chapter
- 文書の章
- section
- 文書の節
- subsection
- 文書の小節
- appendix
- 付属文章
- help
- ヘルプが書いてある文章
- bookmark
- リンク集
type属性の値。MIMEタイプ
- text/plain
- テキスト形式
- text/html
- HTML形式
- text/css
- CSS形式
- application/xhtml+xml
- XHTMLテキスト
- text/javascript
- JavaScript形式
- image/png
- PNGイメージ形式
- image/gif
- GIFイメージ形式
- image/jpeg
- jpegイメージ形式
- video/mpeg
- MPEG動画形式
- application/pdf
- PDF形式
- application/x-httpd-cgi
- CGIスクリプト
実際の指定方法
html
リンクの作成
<a href="http://hp-html.jp/">ホーム</a>
リンクの作成(新しくページを開く)
<a href="http://hp-html.jp/" target="_blank">ホーム</a>
ページ移動先指定
<a name="hoge">ページ上</a>
ページ移動先に移動するリンク
<a href="#hoge">ページ上に移動</a>
jpg画像を開く
<a href="hoge.jpg">jpg画像にリンク</a>
実際の表示
ページ上に移動