最新のWeb開発のチュートリアル

HTMLスタイル

HTMLスタイル

I am red

I am blue

»それを自分で試してみてください

HTMLのStyle属性

HTML要素のスタイルを設定し、で行うことができstyle属性。

HTMLのスタイル属性の構文は次のとおりです

style=" property : value; "

property CSSプロパティです。 value CSS値です。

後でこのチュートリアルでCSSについての詳細を学びます。


HTMLの背景色

background-colorプロパティは、HTML要素の背景色を定義します。

この例ではlightgreyへページの背景を設定します。

<body style="background-color:lightgrey;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
»それを自分で試してみてください

HTMLテキストの色

colorプロパティは、HTML要素のテキストの色を定義します。

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
»それを自分で試してみてください

HTMLフォント

font-familyプロパティは、HTML要素に使用するフォントを定義しています。

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
»それを自分で試してみてください

HTML文字サイズ

font-sizeプロパティは、HTML要素のテキストのサイズを定義します。

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
»それを自分で試してみてください

HTMLのテキストの配置

text-alignプロパティは、HTML要素の水平方向のテキストの配置を定義します。

<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
»それを自分で試してみてください

章のまとめ

  • 使用styleスタイリングHTML要素の属性を
  • 使用するbackground-color背景色用
  • 使用するcolorテキストの色のために
  • 使用するfont-familyテキストフォントのため
  • 使用するfont-sizeテキストのサイズに
  • 使用text-alignテキストの配置のために

練習で自分自身をテストします!

演習1» 運動2» 運動3» 運動4» 運動5» 運動6»