7jiHTMLな時間

Last Update : 2006年8月19日
Sample Source (HTML 4.01 Strict) 

<!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">
  <meta http-equiv="content-style-type" content="text/css">
  <meta http-equiv="content-script-type" content="text/javascript">
  <meta name="generator" content="Notepad">
  <meta name="robots" content="ALL">
  <meta name="keywords" content="ナンタラカンタラとか,ホニャララとか">
  <link rel="next" href="tugi.html">
  <link rel="prev" href="mae.html">
  <link rel="stylesheet" type="text/css" href="***.css">
   <style type="text/css"></style>
   <script type="text/javascript" src="***.js"></script>
  <title>HTMLな時間</title>
 </head>



 <body>
  <div>
   <p>■ ページ<br>
   　・・・　ページ全体のおおまかなデザインを指定します。ブラウザに表示されるのもここから。
   </p>
   <ul>
    <li>ページ全体を設定</li>
   </ul>
   <p>■ リンク<br>
   　・・・　Webページの真骨頂はリンクです。基本から応用まで、リンクの方法について紹介します。
   </p>
   <ul>
    <li>文字列でリンク</li>
    <li>画像でリンク</li>
    <li>ページ内の指定した場所にリンク</li>
    <li>他のページにリンク</li>
    <li>他のページの指定した場所にリンク</li>
    <li>新しいウィンドウでリンク先を開く（HTML）</li>
    <li>新しいウインドウでリンク先を開く（javascriptその1）</li>
    <li>新しいウインドウでリンク先を開く（javascriptその2）</li>
    <li>リンクの下線を消す</li>
    <li>ページ全体のリンクの下線を消す</li>
    <li>オンマウスでリンクの背景色が変化する（CSS）</li>
    <li>オンマウスでリンクの背景色が変化する（onMouseOver）</li>
   </ul>
   <p>■ 画像<br>
   　・・・　テキストだけのWebページじゃぁツマラナイんで画像も必要ですね。
   </p>
   <ul>
    <li>画像を表示する</li>
    <li>画像の間隔を設定</li>
    <li>画像のリンクスタイルを設定</li>
    <li>背景に画像を表示する</li>
   </ul>
   <p>■ テーブル<br>
   　・・・　凝りまくったデザインには必ず出てくる <table>。私が一番キライなタグです。(^^ゞ
   </p>
   <ul>
    <li>テーブル（表）を作る</li>
    <li>横にセルを連結する</li>
    <li>縦にセルを連結する</li>
    <li>テキストの回り込みを指定する</li>
   </ul>
   <p>■ テキスト・フォント<br>
   　・・・　基本中の基本。テキストをチョット工夫するだけで随分違います。
   </p>
   <ul>
    <li>見出し</li>
    <li>フォント（サイズ）</li>
    <li>フォント（書体）</li>
    <li>フォント（カラー）</li>
    <li>フォント（文字間隔・余白）</li>
    <li>強調</li>
    <li>テキスト飾り</li>
    <li>リスト</li>
   </ul>
   <p>■ 段落・ブロック<br>
   　・・・　見栄えを整える骨格部分です。CSSでデザインする場合は <div> が必須です。
   </p>
   <ul>
    <li>改行</li>
    <li>水平線</li>
    <li>一部分の範囲</li>
    <li>まとまった範囲</li>
    <li>整形済み範囲</li>
   </ul>
   <p>■ CSS と javascript<br>
   　・・・　CSS と javascript を導入するためのいくつかの方法を紹介します。
   </p>
   <ul>
    <li>インライン スタイルシート</li>
    <li>ページ埋め込みスタイルシート</li>
    <li>外部スタイルファイル（外部CSSファイル）</li>
    <li>スタイルシートが反映される優先順序</li>
    <li>javascriptをページに直接記述</li>
    <li>外部スクリプトファイル（外部JSファイル）</li>
    <li>javascript非対応ブラウザのために</li>
   </ul>
  </div>
 </body>
 </html>