简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

零到壹度
リリース： 2018-03-19 10:41:17
オリジナル
1698 人が閲覧しました

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

HTMLの使い方

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

◆太字テキストのコードは次のとおりです: Hello ◆斜体テキストのコードは次のとおりです: こんにちは! ◆下線:

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

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




5: 画像リンクコード

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

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





6: 改行コード

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

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

8: 画像を移動するコードです
<マーキー>
さらに画像を追加したい場合は、中の画像アドレスを自分のものに変更してください:

自分の中に画像アドレスを設定できます。

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

Ten: WebサイトにFlashアニメーションを挿入するコードは
src=" http ://flash.shangdu.com/view/2/fff.swf";> 中のアニメーション アドレスを自分のものに置き換えます。アニメーション アドレスは swf の形式で終わる必要があります。これには注意が必要です。

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


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


13: Web サイトを開いたときにポップアップ ウィンドウ広告を作成します
163 内.com/ これは、事前に用意した Web ページです。その後ろにある数字は、サイズと位置を調整するためのものです。自分で何度か試してみてください。

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

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



<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 ページのコードをコピーすることを禁止します:



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




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

1. STYLE 属性を使用します

STYLE 属性を個々のコンポーネントタグに直接追加します、

この使い方のメリットはタグごとに柔軟にスタイルを適用できることですが、デメリットは文書全体の「統一性」がないことです。

2. STYLE タグを使用します

タグにスタイル ルールを記述します。


例: 

<STYLE TYPE="text/css">
<!--
BODY {
　　color: BLUE;
　　background: #FFFFCC;
　　font-size: 9pt}
TD, P {
　　COLOR: GREEN;
　　font-size: 9pt}
-->
</STYLE>
ログイン後にコピー

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

3. LINKタグを使用します

.css スタイル ファイルにスタイル ルールを記述し、 タグを使用してインポートします。
スタイル ルールを example.css ファイルとして保存すると、Web ページに

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


4. @import を使用して

を導入することは LINK の使用法と非常に似ていますが、 に配置する必要があります。
例:

行末のセミコロンは絶対に必須であることに注意してください。

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

例: Webpage Teaching Network

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

関連ラベル：
css html
ソース：php.cn
前の記事：HTMLとXMLの違いの分析 次の記事：mui リストを最適化して詳細ページに移動する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1335
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
から 2024-04-06 20:45:26
0
2
386
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！