LINKタグ(関連)|HTML辞典|HTMLタグ・CSS

HomeHTML辞典LINKタグ(関連)
サイト内検索

LINKタグ(関連)

LINKタグ (サイトに関連づける部分)
タグ <meta>
見本 <?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<link rel="stylesheet" type="text/css" href="名前.css" />
<title>ホームページタイトル</title>
</head>
<body>
ようこそ<br />
ホームページへ
</body>
</html>
解説

<head> 〜 </head>
の中に記述します。 head内であればどこでも構いません。
主に外部CSS(スタイルシート)を用意するときに使われます。

外部にCSSを指定することで、ページの1つ1つを変更することなく、外部CSSファイル1つを変更するだけで全ページのCSSを変更できるので便利です。後、CSSを分けておくことでHTMLの中身がスッキリし、さらに分かり易い構造になるため検索でもかかりやすくなります。
使用サンプル
■ 外部CSS(スタイルシート)の指定方法
<link rel="stylesheet" type="text/css" href="名前.css" />
名前の部分をCSS(スタイルシート)ファイル名に変えて記述します。
■ 外部CSS(スタイルシート)の記入サンプル
----------------------------------------------
@charset "Shift_JIS";

/* ########### ALL SET ########### */
a:link { color: #0066ff; }
a:visited { color: #2255cc; }
a:hover { color: #ff0000; }


img { border-width: 0px; }
.center { text-align: center; }
.right { text-align: right; }
.clear {clear: both;}

body {
color: #111;
text-align: center;
background-image: url(./img/til.gif);
----------------------------------------------
このような感じでCSS(スタイルシート)を記述します。
詳しくは CSSページ をご参考下さい。


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング