What is the relationship between html/css/js-HTML Tutorial-php.cn

What is the relationship between html/css/js

(*-*)浩

Release： 2020-09-18 11:21:36

Original

8908 people have browsed it

HTML, CSS and JS are the main parts of a webpage: HTML defines the structure of a webpage, CSS describes the appearance of a webpage, and JS sets the behavior of a webpage. For example: HTML is like a person's bones and organs, CSS is human skin, these two constitute a vegetative person, plus js, a vegetative person, can respond to external stimuli, can think, move, and is a living person.

What is the relationship between html/css/js

I have been working for many years and have been busy applying various technologies. Now that I am not busy anymore, I ask myself what I am doing and what I can’t answer. Come to think of it, at work, we are often asked to achieve a goal quickly and cost-effectively, and use Du Niang to solve problems, but we don’t have time to understand the reasons. Today, I will summarize it from a macro perspective.

Introduction to HTML, CSS, JavaScript and simple division of labor

1. What is HTML (Hyper Text Markup Language)? HTML is used to describe web pages a language.
2. CSS (Cascading Style Sheets), the style defines how to display HTML elements, the syntax is: selector {property: value} (selector {property: value})
3. JavaScript is a script language, its source code does not need to be compiled before being sent to the client for execution. Instead, the character code in text format is sent to the browser for interpretation and execution by the browser.

For a web page, HTML defines the structure of the web page. CSS describes the appearance of a web page, and JavaScript settings. A very classic example is that HTML is like a person's bones and organs, and CSS is like human skin. With these two things, a vegetative person is formed, and with the addition of JavaScript, the vegetative person becomes You can respond to external stimuli, think, move, give yourself plastic surgery (change CSS), etc., and become a living person.

If HTML is the body, CSS is the surface, and Javascript is the soul. Without Javascript, HTML CSS is a vegetative state. Without Javascript and CSS, it is a disfigured vegetative state.
If HTML is the architect, CSS is the decoration, and Javascript is the magician.

How to connect these three together? Of course, it must be through the HTML of the web page. HTML is a description language. It describes itself to the browser, so how does it usually describe the specific web page? ?

<!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>

Copy after login

This is the simplest HTML document. What the document says is that for browsers, I follow the W3C standard XHTML1.0 transitional version specification (file type declaration). The encoding I use is utf-8, my title is "webpage title", the style sheet describing my appearance is my mycss.css file in the same directory, the javascript code related to me is in my myks.js file at the same level, my content There is a paragraph and the content of the paragraph is "This is a paragraph".

The above is the detailed content of What is the relationship between html/css/js. For more information, please follow other related articles on the PHP Chinese website!