DreamweaverCS4でホームページ入門 - HTMLとスタイルの作成-インライン要素 - [2] <span>タグの指定方法
DreamweaverCS4でホームページ入門 >> HTMLとスタイルの作成-インライン要素 >> [2] <span>タグの指定方法
DreamweaverCS4を使って、初めてホームページ制作をする方向けの動画講座です。 非推奨タグは使わず、できるだけ現在主流になっている方法を紹介し、初心者webデザイナーさんのためにもなる講座にしていきます。 Adobe® Dreamweaver® CS4 はAdobe社の登録商標です。

[2] <span>タグの指定方法
2分18秒
大きい解像度で見る

このページを Google Bookmarks に追加 Yahoo!ブックマークに登録 このエントリーを含むはてなブックマーク Share (facebook) Clip to Evernote
解説

プロパティウィンドウやコードを使ったHTMLタグの作成方法を紹介します。
今回は、インライン要素、<span>タグを使ってのスタイルの指定の方法です。
spanは主に、インライン要素に装飾をつける時に使うタグです。
タグに直接スタイルを付ける方法は、W3Cでは非推奨とされているので、インライン要素(テキスト)を選択してから、そのspanタグに、クラスやIDをふって、そちらにスタイルを付けるやり方を覚えましょう。

<strong>や<em>などを直接タグに書く方法もありますが、<strong>や<em>を使う意味のある場所につける場合は正しいやり方です。
意味のある場所というのは、ブラウザに対して、このテキストは強調してますよ!と知らせるというような意味がある場合、ということです。


作例で使っているサイトはこちらです。
五感で観察するweb自然図鑑

わたしのサイトはこちら >webの森

■ 制作者コメント
<a href="http://webnomori.net/howto/">webの森/ホームページ初心者講座</a>のモモンガです。webデザイナーの卵さ... 制作者プロフィールページへ


カテゴリー内最新記事
 
マニュアル エントリ一覧
[5] CS4のワークスペースとパネル...
[4] 画像のパス
[3] 画像の挿入
[2]XHTML1.0 Transit...
[1] サイトの定義とサーバーへアップ...
[5] スタイルの新規作成
[4] CSSパネルでの指定
[3] CSSプロパティでの指定
[2] <span>タグの指定方法
[1] <a>タグ(リンクタグ)の設定...
[6] 複数ボックスのフロート
[5] cssダイアログで編集する
[4] ブロックをフロートさせる
[3] cssパネルで編集する
[2] クラスにスタイルをつける
[1] ブロック要素のマークアップ
[12] グローバルナビのマークアップ
[11] #headerと#foote...
[10] body背景に色をつける
[9] 全体レイアウトのマークアップ
[8] フロートの解除
[7] CSSをコードで書く
[18]位置などの微調整
[17]フッターをつくる
[16]リストにスタイルをつける
[15]横並びメニュー
[14]スタイルの追加
[13] ボックスを中央配置する
[6] QRコードの作成
[5] 携帯の絵文字と電話をかけるリン...
[4] 携帯サイトの文字色と背景色
[3] 携帯用HTMLのテキスト中央揃...
[2] 携帯サイトにテキストと画像を入...
[1] XHTMLモバイルファイルの新...
[6]背景画像を使ったグローバルナビ
[5]ヘッダーのスタイル調整
[4]ヘッダーのマークアップ
[3]ボックスのサイズ調整
[2]スニペットの利用
[1]ファイルの新規作成
[9]フロートの解除-続き
[8]フロートの解除
[7]メイン部分に画像の挿入


(c) Webdemo Inc All rights reserved.