国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML スタイル

このセクションでは、HTML の style タグを紹介します

まずコードを見てみましょう

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body style="background-color:black;">
 
 <h1 style="color: white">標(biāo)題的顏色</h1>
 
 <p style="color:red">
     我是標(biāo)簽的顏色</p>
 </body>
 </html>

上記のコードは、Web ページの背景色を黒に、タイトルの文字色を白に変更し、段落のテキストの色を赤にします

コードの実行結(jié)果:

28.png

上記のコードでは、タグ 、

、または

のいずれであっても、そのタグが確認できます。これで、HTML 要素のスタイルを変更するために使用される style 屬性がわかりました。

HTML スタイル屬性

スタイル屬性の役割 : すべての HTML 要素のスタイルを変更するための汎用メソッドを提供します。

スタイルは HTML 4 で導(dǎo)入され、HTML 要素のスタイルを変更する新しい推奨方法です。 HTML スタイルを使用すると、style 屬性を使用して HTML 要素にスタイルを直接追加したり、別のスタイル シート (CSS ファイル) でスタイルを定義して間接的にスタイルを追加したりできます。

CSS チュートリアルでスタイルと CSS についてすべて學(xué)ぶことができます。

HTML チュートリアルでは、style 屬性を使用した HTML スタイルについて説明します。

非推奨のタグと屬性

HTML 4 では、いくつかのタグと屬性が非推奨になりました。非推奨とは、これらのタグと屬性が HTML および XHTML の將來のバージョンでサポートされなくなることを意味します。

ここでのメッセージは明らかです。これらの非推奨のタグと屬性の使用は避けてください。

次のタグと屬性は避けてください:

は HTML フォントを定義します。
タグ屬性
<font> と <basefont>
プロパティ
説明
with 」 テキストの色を定義します
<track id="avdro"></track>
    <blockquote id="avdro"><video id="avdro"></video></blockquote>
      <track id="avdro"></track>
    <abbr id="avdro"><strike id="avdro"></strike></abbr>
    <ul id="avdro"></ul>
    • <track id="avdro"></track>

    • 上記のタグと屬性の場合: 代わりにスタイルを使用してください。 
    HTML スタイルの例 - 背景色 
    background-color 屬性は、要素の背景色を定義します。 
    <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body style="background-color:yellow">
 
 </body>
 </html>
     style 屬性は、「古い」bgcolor 屬性を廃止します。 
    <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body bgcolor="yellow">
 </body>
 </html>
    HTML スタイルの例 - フォント、色、サイズ 
    font-family、color、font-size 屬性は、要素內(nèi)のテキストのフォント ファミリー、色、フォント サイズをそれぞれ定義します: 
    <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 
 <h1 style="font-family:verdana">標(biāo)題</h1>
 <p style="font-family:arial;color:red;font-size:20px;">段落</p>
 
 </body>
 </html>
    style屬性は廃止されました 古い <font> タグは使用できなくなりました
    <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 
 <h1><font face="verdana">標(biāo)題</font></h1>
 <p><font size="5" face="arial" color="red">段落</font></p>
 
 </body>
 </html>
    HTML スタイルの例 - テキストの配置
    text-align 屬性は、要素內(nèi)のテキストの水平方向の配置を指定します: 
    <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body>
 <h1 style="text-align:center">標(biāo)題</h1>
 <p>學(xué)HTML PHP 就到www.miracleart.cn</p>
 </body>
 </html>
    style屬性は廃止されました 古い「align」屬性。 
    りー

    					

				
			學(xué)び続ける
			

			
    

				
    
			        
    || 
    
			    
    

				

				
    <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>php.cn</title>
</head>
<body style="background-color:black;">

<h1 style="color: white">標(biāo)題的顏色</h1>

<p style="color:red">
 我是標(biāo)簽的顏色</p>
</body>
</html>