ホームページ > ウェブフロントエンド > htmlチュートリアル > 1-2HTMLとCSSの関係_html/css_WEB-ITnose

1-2HTMLとCSSの関係_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:54:06
オリジナル
956 人が閲覧しました

HTML と CSS の関係

WeChat に基づくバックエンド開発に必要な基本知識には、HTML、CSS、JavaScript 言語が含まれます。

これら 3 つのテクノロジーが何を達成するために使用されるかを見てみましょう:

1. HTML は Web コンテンツのキャリアです。コンテンツとは、Web ページ作成者がユーザーが閲覧できるようにページに配置する情報であり、テキスト、写真、ビデオなどが含まれます。

2. CSS スタイルはパフォーマンスです。ウェブページのコートのようなものです。たとえば、タイトルのフォント、色の変更、またはタイトルに背景画像や枠線などを追加します。コンテンツの外観を変更するために使用されるこれらすべてのものは、プレゼンテーションと呼ばれます。

3. Web ページに特殊効果を実装するために JavaScript が使用されます。たとえば、ドロップダウン メニュー上でマウスをスライドすると、ドロップダウン メニューがポップアップ表示されます。または、テーブルの上にマウスを置くと、テーブルの背景色が変わります。話題のニュース(ニュース写真)もローテーションします。アニメーションやインタラクション

は一般に JavaScript を使用して実装されていることがわかります。

ここではHTMLとCSSのみを学びます。

タスクを割り当ててください。タスクを完了したら、その効果を確認してください。

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>CCF浙商大学生分会- Html和CSS的关系</title><style type="text/css">h1{8.行9.行10.行}</style></head><body><h1>Hello World!</h1></body></html>
ログイン後にコピー


1. 上の 8 行目にフォント サイズ属性を入力します: font-size:12px;

2. 上の 9 行目にフォントの色属性を入力します: color:#930;

3、上記の 10 行目にフォント位置属性を入力します: text-align:center;

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート