html と css を使用するいくつかの方法

この記事では、主に html と css の使用方法をいくつか紹介します。編集者がそれを共有し、参考にさせていただきます。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

HTMLの使い方

1: カラーコード
特定の色を使用したい場合は、そのカラー値を取得するだけです。たとえば、テキストの色を変更したい場合は、次のコードを使用できます: a56fb915315113118de79a8671cca6a5# 記号の後のコードを変更して色を変更しますe6e38b3c62e8df885fe2e3986461aa63 : テキストを追加します 太字斜体のコード

◆太字テキストのコードは次のとおりです: a4b561c25d9afb9ac8dc4d70affff419Hello0d36329ec37a2cc24d42c7229b69747a ◆斜体テキストのコードは次のとおりです: 5a8028ccc7a7e27417bff9f05adf5932こんにちは! 72ac96585ae54b6ae11f849d2649d9e6 ◆下線: 88f336217b3880082bb52d49b5de60a504e11139013d3ca73accef66348e2e58

3: テキストリンクコード
特定のテキストをクリックすると、別の Web ページに接続されます。コードは次のとおりです: d6162ad2352768f6cce1c2668116f129共有スペース5db79b134e9f6b82c0b36e0489ee08ed このテキストをクリックしてウィンドウを再度開くと、コードは次のようになります: 9ba4148760636df100209b592448cf4d共有スペース5db79b134e9f6b82c0b36e0489ee08ed

4: Web サイトに画像を配置するためのコード
見栄えの良い画像を Web サイトに配置したい場合、コードは次のようになります。
8a2afa2cdcc612f388ea6903e9febe83 次の数値は画像のサイズを調整します。




5: 画像リンクコード

画像をクリックしてウェブサイトを開くと、リンクコードは次のようになります:

315ae735318aceced4c469c1639dd8f15db79b134e9f6b82c0b36e0489ee08ed 画像をクリックすると、次のリンクが開きます。 Web サイトにアクセスし、ウィンドウを再度開きます。コードは次のとおりです: 76b381d4de3d6709b59436ef6f50b7910304ca3bc30bd115f47124218eded9385db79b134e9f6b82c0b36e0489ee08ed上記の数値で画像サイズを調整できます。





6: 改行コード

行を変更したい場合は、Enter キーを使用するだけです。行を変更したい箇所に「
」と入力する必要があります。これは、Web サイト全体が のように表示されません。大きな部分は明確です。

7: テキストを移動するコードは
ed126914ed1419bab26abf7cf307b7b9ここにテキストを記述します7204e33a7a23f6efcc788532e245c31b

8: 画像を移動するコードです
ed126914ed1419bab26abf7cf307b7b9c707bd6492c14d3726232300858419bc0c2fd4710ef4c42aa98ad435cb58d209683a2166788b74af5014d920f101648828596797ec42e3eea0d2f509469a25b4
さらに画像を追加したい場合は、中の画像アドレスを自分のものに変更してください:
8a18fc35e9ede15d4bb8b3f744961cff
自分の中に画像アドレスを設定できます。

9: BGM コード
Web サイトに素敵な BGM を追加したい場合のコードは次のとおりです: e288aaf6ddc73463d6fa44ec2a2757d0
0ed32d174e7d96a3677e2afbb086232e 中のBGMアドレスは自分で置き換えることができます。
最初の数字は音楽アドレスで、通常はmidまたはmp3の形式で終わります。最後の数字は再生回数です。
http://www.midifan.com/midi/
このウェブサイトには良いBGMがあります

Ten: WebサイトにFlashアニメーションを挿入するコードは
ba557e97286b19d0ed2f6228691c5360 中のアニメーション アドレスを自分のものに置き換えます。アニメーション アドレスは swf の形式で終わる必要があります。これには注意が必要です。

11: Web サイトを開いたときに表示されるウェルカム コード
7293671806b44a819b023f527454e3fc

12: Web サイトを閉じるときに表示されるコード
311c8f733c4f3da5b73c7122659113c3

13: Web サイトを開いたときにポップアップ ウィンドウ広告を作成します
1a24b17f85e15c83fc29b7760e40bfcb
var TimerID=1; .open('http://163.com'/;,'','width=600,height=300,left=100,top=50');
2cacc6d41bbb37262a98f745aa00fbf0 163 内.com/ これは、事前に用意した Web ページです。その後ろにある数字は、サイズと位置を調整するためのものです。自分で何度か試してみてください。

14: マウス センサーのフォントが赤になります

コードは次のとおりです: 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 の間に挿入します

<span style="font-size: 16px;"><STYLE type=text/css>TD { <br/>FONT-SIZE: 12px <br/>} <br/>BODY { <br/>FONT-SIZE: 12px <br/>} <br/>INPUT { <br/>FONT-SIZE: 12px <br/>} <br/>A:link { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:visited { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:active { <br/>COLOR: blue; TEXT-DECORATION: none <br/>} <br/>A:hover { <br/>COLOR: red; TEXT-DECORATION: underline <br/>} .so { <br/>BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc <br/>} <br/></STYLE> <br/></span>

15: 他の人があなたの Web ページのコードをコピーすることを禁止します:

d7f3c62f6f2ac1259c0f709730fb41ad

16: 他の Web ページを自分の Web ページに配置するコード:

b6758b4653e60af48519eff9ce0aefb9093fd97c861cbe789149c399ad2b038c

CSS の使用Web ページのスタイルシート 5 つの方法

1. STYLE 属性を使用します

STYLE 属性を個々のコンポーネントタグに直接追加します、ebd6710d95a517b72f41265faa6e5381...a2d87b9af1e305217ec9648d1e8a0a47 タグにスタイル ルールを記述します。

5be912364e4d35410960d652a0dd27f8

6acfd5b1c8dd9ea043294da2f10f7eff
a2d87b9af1e305217ec9648d1e8a0a47
例:

<STYLE TYPE="text/css">
<!--
BODY {
　　color: BLUE;
　　background: #FFFFCC;
　　font-size: 9pt}
TD, P {
　　COLOR: GREEN;
　　font-size: 9pt}
-->
</STYLE>

通常、 812f7be0e9ba70c6f2a66273c3c04692 ..a2d87b9af1e305217ec9648d1e8a0a47 構造は Web ページの ef1cac8df639bc9110cb13b8b5ab3dd7 セクションに記述されます。この使用法の利点は、宣言されたコンポーネントがある限り、スタイル ルールが適用されることです。欠点は、個々のコンポーネントに柔軟性がないことです。

3. LINKタグを使用します

.css スタイル ファイルにスタイル ルールを記述し、3e76e57fc5dd9b761bdd2082385f4936 タグを使用してインポートします。
スタイル ルールを example.css ファイルとして保存すると、Web ページに
da30ee2ff660345f2e6be2e81e7cc4e3
を追加するだけで、 style ファイルで指定されたスタイル。 LINK タグは通常、Web ページの 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 セクションに記述されます。この使用法の利点は、同じスタイル ルールが適用される複数のドキュメントを同じスタイル ファイルに割り当てることができることです。欠点は、個々のファイルやコンポーネントに柔軟性がないことです。


4. @import を使用して

を導入することは LINK の使用法と非常に似ていますが、812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 に配置する必要があります。
5be912364e4d35410960d652a0dd27f8
eff43f10cf710505d5732ea04d57a3de
a2d87b9af1e305217ec9648d1e8a0a47例:
5be912364e4d35410960d652a0dd27f8
30e39e9097e362e5352069545aac93e3
a2d87b9af1e305217ec9648d1e8a0a47
行末のセミコロンは絶対に必須であることに注意してください。

5. 45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114 タグを使用してスタイルを導入します

例: b27bcdbe9c6b3472c34624b8a1021df3Webpage Teaching Network54bdf357c58b8a65c66d7c19c8e4d114

以上がhtml と css を使用するいくつかの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。