1-1:準備
基本用語
ドメインの取得
スペースの確保
デザインを考える
SEOを考える
2-1:HTMLの記述
htmlファイルの作り方
HTMLの基本骨格
HTMLの種類、META、言語
タイトルと著作権情報
文の構成を考える
画像の表示
リンクの設定
2-2:CSSの記述
CSSのHTMLへの組み込み
クラスの概念
文字の色とフォント
幅と高さの設定
文章の設定
文字の間隔・線
背景色・背景画像
2-3:CGI/アップロード
掲示板(BBS)の設置
カウンターの設置
サーバーへのアップロード
アクセス解析の導入
3:divでのレイアウト
divタグの使い方(前編)
リストの設定
divタグの使い方(後編)
インライン要素とブロック要素
floatの使い方
スクロールボックスの作成
アンカー(a)のスタイルの変更
4:tableでのレイアウト
Tableの構造を知る
Tableスタイルの変更
Tableでサイトを作る(前編)
Tableでサイトを作る(後編)
5:positionでのレイアウト
positionの構造を知る
HTMLファイル(原本)作成
positionで位置を決める
6:その他のテクニック
強調タグを使う
サムネイルの作成
三次元化する
スクロールバーの色を変える
7:Javascriptを使用する
プルダウンメニュー
(フォーム使用)の作成
プルダウンメニュー
(CSS使用)の作成
>>ホームページの作り方TOP >>強調タグを使う
強調を示すタグにはemとstrongの2種類があります。
emは強い強調を表し、強調された文字は斜体となります。
strongはより強い強調を表し、強調された文字は太字になります。
この二つのタグは、同ページ内文章において、タグで囲まれた単語の重要度を高める作用がありSEO対策にも効果的なタグです。
ただし、100文字の文の中で3文字を強調するのと、10文字の文の中で同じ3文字を強調するのとでは、前者のほうがより強調されていることに注意してください(使いすぎに注意)。
<htm> <head> <style type="text/css"> <!-- h1 strong { font-weight;normal; } p em { font-style:normal; color:#ff0000; } //--> </style> </head> <body> <h1><strong>Wakabagari</strong></h1> <p><em>若葉狩り</em>について</p> </body> </html> |
すると、こうなって完成です。→サンプル