タグ

HTMLと*2 Constructに関するhiga_tatsuyaのブックマーク (1)

  • 装飾する(header 部分)

    header ロゴ部分を装飾する 今回はheader部分の装飾を行います。 header部分には「logo(Webサイトのタイトル・マーク)」と「head_navigation(横並び)」の2つが含まれます。順に手を加えていきましょう。 ロゴにリンクを設定 まず、ロゴをクリックされたら、Webサイトの先頭ページ(トップページ)に戻ることができるようにしましょう。これはスタイルシートではなく、HTMLファイルにa要素を加えることで実現させます。 HTML<h1 id="logo"><a href="/">XHTML Sample</a></h1> これでWebサイトのどのページにいても、ロゴをクリックすることでトップページにもどれるようになりました。 ロゴをどう表現するか さて、実際にロゴ部分に着手するわけですが、このロゴの扱いについては大きく3つの方法があります。 テキストをそのまま表示さ

    装飾する(header 部分)
  • 1