ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作

HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作

WBOY
WBOYオリジナル
2016-05-16 16:40:371856ブラウズ
画像タグ:HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作
ページに画像を挿入するには、属性が「src」である「img」タグを使用する必要があります
例コード:
HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作
結論:


ここでは、画像ファイルと html ファイルが同じディレクトリにあると仮定します。
同様に、画像ファイルへのフルパスを指定できます。
例:
HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作
幅と高さ:
属性の幅と高さを使用して、Web ページに表示される画像のサイズを修正します。
コード例:
HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作
結論:


配置:
属性で「align」を使用して画像を配置できます。
属性値を left/right/center に設定します
コード例:
HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作 HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作
結論:



Border :
プロパティで「border」を使用して、画像の周囲に境界線を設定できます。これを使用して、画像の周囲にスペースを作成できます。
コード例:
HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作
結論:
HTML チュートリアル: 画像のサイズ、配置、間隔、境界線属性の変更の概要_HTML/Xhtml_Web ページの制作
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。