1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLチュートリアル。画像サイズ整列間隔ボーダー属性修正方法紹介

2022-02-06 20:38:35
画像のマークアップ :<img>
ページに画像を挿入するには、"img" タグを使用する必要があります。
コード例
<img src="test.jpg"> 
結論

ここでは、画像ファイルとhtmlファイルが同じディレクトリにあると仮定しています。
ここでも画像ファイルへのフルパスを指定します。
例えば
<img src="C:\images\test.jpg"> 
幅と高さ
ページ内に表示される画像のサイズを、プロパティのwidthとheightで修正します。
コード例です。
<img src="test.jpg" width=100 height=100> 
結論

アライメント
プロパティで"align"を使って、画像の位置合わせをすることができます。
属性値を設定:left/right/center
コード例
<img src="test.jpg" _fcksavedurl="test.jpg"" _fcksavedurl="test.jpg"" _fcksavedurl="test.jpg""_fcksavedurl=""test;" _fccsavedurl=&qt=。 jpg"" _fcksavedurl="test.jpg" quot; align=left> <img src="test.jpg" align=right alt="html tutorial" >。 
おわりに

ボーダー
プロパティにある "border" を使って、画像の周りにボーダーを設定することができます。これは、画像の周りに空間を作るために使用できます。
コード例です。
<img src="test.jpg" _fcksavedurl="test.jpg"" _fcksavedurl="test.jpg"" _ fcksavedurl=""test.jpg="test.jpg;" _fcksavedurl="test.jpg" _fcksavedurl="Test.jpg="test.jpg="test;test.jpg=" jpg"" _fcksavedurl=""test.jpg" _fcksavedurl="test.jpg" quot; border=4> 
結論