[HTML・CSS] イメージの表示

●イメージを表示する
＜img src="表示するイメージファイル名"＞
＜ims src="後から表示" lowsrc="先に表示"＞
src属性で指定したイメージを読み込みます
lowsrc属性を追加記述することで2段階に分けて
表示することもできます。

PHOTO GALLERY

＜html＞
＜head＞
＜title＞問題6＜/title＞
＜/head＞
＜body bgcolor="#ffffff"＞
＜center＞
＜p＞＜b＞＜font size="7" color="#006699"＞PHOTO GALLERY＜/font＞＜/b＞＜/p＞
＜img src="img/t02200165_0320024010220399583.png"＞
＜/center＞
＜/body＞
＜/html＞

世界一やさしい 超入門 DVDビデオでマスターするHTML (DVDビデオ付)/株式会社ウォンツ

￥2,604
Amazon.co.jp

詳解HTML & CSS & JavaScript辞典/大藤 幹

￥2,100
Amazon.co.jp

詳解HTML & CSS & JavaScript辞典/大藤 幹

￥2,100
Amazon.co.jp

[HTML・CSS] 自動改行を禁止

●自動改行を禁止
＜nobr＞～＜/nobr＞　
ウィンドウ幅に合わせた文字列の自動改行を禁止します。

西陣織

西陣織は、日本が世界に誇る伝統文化のひとつです。あらかじめ染色した糸を使って、縦糸と横糸を交差させて模様を織り出します。金糸や銀糸を織り込んだ絢爛豪華な糸使い、精緻な紋様が特徴です。職人が手織り機で丹念に織り上げる西陣織は、大量生産が難しく、多品種少量生産となっています。

＜html＞
＜head＞
＜title＞＜/title＞
＜/head＞
＜body bgcolor="#cccc66"＞
＜p＞＜b＞西陣織＜/b＞＜br＞

＜nobr＞西陣織は、日本が世界に誇る伝統文化のひとつです。あらかじめ染色した糸を使って、
縦糸と横糸を交差させて模様を織り出します。金糸や銀糸を織り込んだ絢爛豪華な糸使い、
精緻な紋様が特徴です。職人が手織り機で丹念に織り上げる西陣織は、大量生産が難しく、
多品種少量生産となっています。＜/nobr＞＜/p＞

＜/body＞
＜/html＞


HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる/エビスコム

￥2,604
Amazon.co.jp

HTMLワークブック―情報演習〈4〉 (ステップ30)/相澤 裕介

￥840
Amazon.co.jp

Webクリエーター能力認定試験(HTML4.01対応) <上級>公認テキスト&問題集【改訂版】 (よくわかるマスター)

￥3,000
Amazon.co.jp

[HTML・CSS] 改行やスペースをそのまま表示

●改行やスペースをそのまま表示
テキストエディタで記述する改行やスペースをそのままブラウザで表示する

    ★
    ▲
   ▲▲
  ▲▲▲
 ▲▲▲▲
▲▲▲▲▲
    ■

＜html＞
＜head＞
＜title＞＜/title＞
＜/head＞
＜body bgcolor="#cc6699"＞
＜font color="#ffffff"＞
＜pre＞
    ★
    ▲
   ▲▲
  ▲▲▲
 ▲▲▲▲
▲▲▲▲▲
    ■
＜/pre＞
＜/font＞
＜/body＞
＜/html＞

HTML&スタイルシート レイアウトブック/外間 かおり

￥2,499
Amazon.co.jp

スタイルシート スタンダード・デザインガイド―SEO/ユーザビリティ/アクセシビリティを考慮した実践的HTML&CSSデザイン術/エ・ビスコム・テック・ラボ

￥2,730
Amazon.co.jp

HTML&スタイルシートレッスンブック/エビスコム

￥2,415
Amazon.co.jp