
例えば
<body link="red">
とした場合、クリック前のリンクの色はすべて赤になりますが、ある特定のリンクのみ緑にしたい場合
どのようなタグを書けばいいのでしょうか?
<body link="red">
<a href="http://www.yahoo.co.jp/">test</a>
</body>
a要素に何を付け足せばいいか教えてください。
No.2ベストアンサー
- 回答日時:
<body link="red">は非奨励ですね・・・
CSSで、(CSSの書き方は検索しましょう)
a:link{color:red;}
直接書く場合
<a href="http://www.yahoo.co.jp/" style="color:green;">test</a>
または、個別のCSS
HTML
<a href="http://www.yahoo.co.jp/" class="sample1">test</a>
CSS
a.sample1:link{color:green;}
#1さんの方法など、色々なセレクタがあります。
----------------
以下なども面白い効果ですよ。
a:hover{color: lime; text-decoration: none; font-size: 116%; font-weight: bold; background-color:yellow;}
No.1
- 回答日時:
<body link="red">
<a href="http://www.yahoo.co.jp/">test</a>
</body>
はないでしょう。linkは非推奨です。スタイルシートで指定しましょう。
{link = color [CI] 推奨しない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )}
また<body>内に直接Aは置けません。
スタイルシートを使えば、自由自在に好きにデザインできます。
【引用】____________ここから
スタイルシートはHTMLのマーク付けを簡素化し、またHTMLをプレゼンテーションの負担から大きく解放する。スタイルシートは、著者とユーザに対し、フォント情報、配置、色等の文書のプレゼンテーションを制御する手段を提供する。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
★ ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
のDATA(右上)で検証済みのHTML4.01strict+CSS2.1です。
HTML書いたら必ずチェックすること。上達の早道です。
★タブは_に置換してあります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
_<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
_<title>サンプル</title>
_<meta name="author" content="ORUKA1951">
_<meta http-equiv="Content-Style-Type" content="text/css">
_<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
_<link rel="START" href="../index.html">
_<style type="text/css">
<!--
a{padding:5px;position:relative;}
a:link{color:red;}
a[href="/Product"]{color:blue;left:2em;}/* href属性の値が/ProductであるA要素 */
a[href="/Book"]{color:green;}
a[href="/Link"]{color:maroon;left:2em;}
a:hover{background-color:black;color:white;}
-->
_</style>
</head>
<body>
_<div class="header">
__<h1>タイトル</h1>
__<p><a href="/">Top</a></p>
__<p><a href="/Product">Products</a></p>
__<p><a href="/Book">Books</a></p>
__<p><a href="/Link">Links</a></p>
_</div>
_<div class="section">
__<h2>見出し</h2>
__<p>・・・</p>
_</div>
_<div class="footer">
__<h2>文書情報</h2>
__<dl class="documentHistry">
___<dt id="FIRST-PUBLISHED">First Published</dt>
___<dd>2012-08-10</dd>
__</dl>
__<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
_</div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
<a href>での背景色について。
-
HTMLソースからURLだけを抜き出...
-
ある一定時間操作していない場...
-
html メールリンクにて自動ファ...
-
スマホ上で、左右スワイプで次...
-
ウィンドウのフォーカスについて
-
function の return 値を表示し...
-
キーを押している間の時間を計...
-
cssにjavascriptを入れる?呼び...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
ウインドウの後ろに隠れている...
-
子フレームの自動リロードは可...
-
bodyにidをつける理由は何ですか?
-
SCRIPT5007: 未定義または NULL...
-
ブラウザの「戻る」ページ遷移...
-
Vbscriptで自分自身のウィンド...
-
SQLのWHEREで全てを質問する方法
-
getElementsByNameで要素が取得...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
同意を求めて、次のページに進...
-
HTMLソースからURLだけを抜き出...
-
html メールリンクにて自動ファ...
-
HPで同じページ内にリンクを貼...
-
サイトの最新記事へのリンクを...
-
ページ内、ピクセル移動でスム...
-
相対パスと絶対パスの速度
-
ブログのhtmlのリンクを触...
-
フレームでリンク先を2つ指定...
-
リンクの文字の色
-
リンク先をジャバスクリプトで...
-
リンクに飛ばない・・・
-
MovableTypeで月間ログを表示し...
-
リンクの既読制御について
-
リンクの表現
-
適切なページ分けのループを教...
-
POSTで<a hrefを送る方法について
-
mailto + 変数名
-
本番環境とテスト環境のURL
おすすめ情報