html/css/jsの関係は何ですか

May 23, 2019 am 09:15 AM
html

HTML、CSS、および JS は Web ページの主要な部分です。HTML は Web ページの構造を定義し、CSS は Web ページの外観を記述し、JS は Web ページの動作を設定します。たとえば、HTML は人間の骨や器官、CSS は人間の皮膚のようなもので、これら 2 つが植物人間を構成します。さらに、植物人間である js は、外部刺激に反応し、考え、動くことができ、生きている人間です。

html/css/jsの関係は何ですか

私は長年働いてきて、さまざまなテクノロジーの応用に忙しくしてきましたが、忙しくなくなった今、自分は何をしているのか、何をしているのかを自問します。そういえば、仕事で「早く、費用対効果よく目標を達成して、ドゥニアンを使って問題を解決してください」とよく言われるのですが、その理由を理解する時間がありません。 , マクロ的な視点でまとめてみます。

HTML、CSS、JavaScript と簡単な分業の紹介

1. HTML (ハイパー テキスト マークアップ言語) とは何ですか? HTML は、Web ページを記述するために使用されます。言語。
2. CSS (Cascading Style Sheets)、HTML 要素の表示方法を定義するスタイル、構文は次のとおりです: selector {property: value} (selector {property: value})
3. JavaScript はスクリプト言語です。ソース コードは、実行のためにクライアントに送信する前にコンパイルする必要はなく、テキスト形式の文字コードがブラウザに送信され、ブラウザによる解釈と実行が行われます。

Web ページの場合、 HTML は Web ページの構造を定義します。CSS は Web ページの外観と JavaScript の設定を記述します。非常に古典的な例として、HTML は人間の骨や臓器のようなもの、CSS は人間の皮膚のようなものがあります。これら 2 つにより、植物人間が形成され、JavaScriptを追加することで植物人間となり、外部の刺激に反応したり、考えたり、動いたり、整形(CSSの変更)などを施し、生きた人間になることができます。

HTML が本体だとすると、CSS は表面、JavaScript は魂です。 Javascript がなければ、HTML CSS は植物状態であり、JavaScript と CSS がなければ、外観が損なわれた植物状態になります。
HTML がアーキテクトである場合、CSS は装飾であり、JavaScript は魔術師です。

これら 3 つを接続するにはどうすればよいですか? もちろん、Web ページの HTML を介して行う必要があります。HTML は記述言語です。HTML はブラウザーに対してそれ自体を説明します。通常、特定の Web ページをどのように記述するのですか? ? ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页标题</title>
<link rel="stylesheet" type="text/css" href="mycss.css" />
<script type="text/javascript" src="myjs.js"></script>
</head>
<body>
<p>这是一个段落</p>
</body>
</html>
ログイン後にコピー

これは最も単純な HTML ドキュメントです。ドキュメントに記載されているのは、ブラウザについては W3C 標準 XHTML1.0 暫定バージョン仕様 (ファイル タイプ宣言) に従っていることです。使用するエンコーディングは utf- 8、私のタイトルは「ウェブページのタイトル」、私の外観を記述するスタイルシートは同じディレクトリにある私のmycss.cssファイル、私に関連するJavaScriptコードは同じレベルの私のmyks.jsファイルにあり、私のコンテンツがあります段落であり、段落の内容は「これは段落です」です。

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

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles