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

[1] <a>タグ(リンクタグ)の設定方法
2分38秒
大きい解像度で見る

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

プロパティウィンドウやコードを使ったHTMLタグの作成方法を紹介します。

初回は、インライン要素、<a>タグ(リンクタグ)について。

インライン要素というと初心者さんには難しいかもしれませんが、HTMLタグは、ブロック要素とインライン要素の2種類があり、
その2つは大きく使い方やルールが異なりますので、常にどちらの要素なのかを意識することで、マークアップのミスなどが防げます。

インライン要素はおおざっぱに説明すると、ブロックの中に入るタグ。主にテキストに色をつけたり、テキストにリンク張ったりするときに使うタグです。
ブロック要素は、インライン要素やブロック要素が入るボックスのようなもの。です。
おおざっぱ過ぎるかなΣ(;・∀・)ヾ。。。詳しくは
「W3C インライン」で検索してくださいね。

作例で使っているサイトはこちらです。
五感で観察する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.