ホームページビルダーのスタイルシートマネージャーの実験

　
　左の写真は元の写真にロゴと鉛筆のＧＩＦによる画像を重ねてあります。周りはぼかし処理をしています。画像にはａｌｔ属性を書いてありますのでマウスを当てると「東京都立○○高等学校の写真」という文字が表示されます。音声ブラウザーではこの部分が実際に読みあげられます。

中見出し Hyper Text Markup Languageの本質

小見出し　文書の構造化とは？

　これは段落です。段落は文章の中でのひとつのまとまったグループをさします。段落のない文章はメリハリがなくだらだらとして読みにくくなります。通常、段落と段落の間は１行空きます。かといってそれはあくまで見栄え上の問題なので改行を２回して代用するわけにはいきません。普通、段落の頭は１文字空けます。中見出しはボーダーを左と下につけてあるのですがその幅が左が１０ピクセルなのに対して下は４ピクセルとしています。上の写真では写真とロゴとアイコンという複数の素材を選択してひとつのファイルとしています。回りはぼかしを効かせています。

これは引用です。自動的にインデントの挿入された状態になります。かと言ってインデントを挿入するために引用にするのは本末転倒です。あくまで引用を示すためにインデントで区別を付けているのです。

上の紫色の部分は強調です。単に色がついているだけではありません。音声ブラウザーでの読み上げにおいてはやや強めに読まれます。

項目について

• 項目も表示できます。
• 後でこれにもマージンを設定しなければいけません。
• 次に数字の項目に移ります。
  

1. Web技術のすべて
2. Webデザイン基礎
3. ホームページデザイン

※このページからスタイルシートへのリンクをはずすとこうなります。こちらをクリック！