初級HTML,CSS作成講座

~初級HTML,CSS作成講座~

HTML

■画像を貼る

alt属性　画像の説明を、マウスをその画像に乗せた時に表示させます。
　　　　画像が表示されなかった場合にのこの文字が表示されるので重要です。。
　　　　例　<img src="sample.jpg" alt"サンプル画像" />
width属性　画像の表示サイズの横幅を変更します。
　　　　　単位はpxです。
　　　　　例　<img src="sample.jpg" width="250" />
height属性　画像の表示サイズの縦幅を変更します。
　　　　　　あとはwidthと同じです。
border属性　画像に枠を付けます。
　　　　　　単位はpxです。
　　　　　　<img src="sample.jpg" border="1">
画像URLは他ページにリンクを貼るのと同様に省略できます。
また、pdfやsvgファイルも組み込むことが出来ます。

■サイトの背景にする

利用できる場所はここの｢ページの本文｣参照

CSS

サイトの背景の色を指定する

background-color: 色;

色はカラーコード,色名称,rgd(n,n,n),rgd(n%,n%,n%)で指定できます。
但し、nには0~255の値が入ります。%の方は上限100です。

◆サイトの背景にする

background-image: url('画像URL');

画像URLは他ページにリンクを貼るのと同様に省略できます。
また、画像は繰り返し表示になります。

◆背景画像の繰り返しの指定をする

background-repeat: 種類;

種類
repeat　繰り返し(デフォルト)
repeat-x　横方向のみ繰り返し
repeat-y　縦方向のみ繰り返し
no-repeat　繰り返さない

◆スクロール時の背景の移動を指定

background-attachment: 種類;

種類
scroll　スクロールする(デフォルト)
fixed　固定する

◆背景の位置を指定

background-position: 位置;

種類
left　左
center　中央
right　右
top　上
middle　真ん中
bottom　下
単位はmm,cm,in,pt,pc,px,ex,em,%です。

戻る