current position:Home>What are the differences and relationships among HTML, CSS and JS
What are the differences and relationships among HTML, CSS and JS
2022-04-29 17:25:40【Billion cloud speed】
html、css、js What are the differences and relationships in
This article mainly introduces html、css、js What are the differences and relationships in , The content is detailed and easy to understand , The operation is simple and fast , It has certain reference value , I believe that after reading this article html、css、js What is the difference and relationship in the article? The article will gain something , Let's have a look .
html css js What's the difference ?
In daily study ,html,css and js We've all learned , At first, I couldn't distinguish the difference and connection between the three , As knowledge grows , Have some experience . Follow Xiaomeng to see what these three technologies are , Can do ?
1、HTML—Hypertext Markup Language
Hypertext markup language . It marks all parts of the web page to be displayed by marking symbols . Web file itself is a text file , By adding a marker to the text file , It can tell the browser how to display the content ( For example, how to deal with words , How to arrange the picture , How to display the picture, etc ). Browsers read web documents in order , Then, according to the marker, it explains and displays the contents of its marker :
<html> <head> <title>HTML</title> </head> <body> </body> </html>
HTML The text contains the so-called “ Link point ”HTML Using hyperlinks , A net text that organizes text messages in different spaces . in general ,HTML It's a language that integrates web page structure and content display .
2、CSS—Cascading Style Sheet
Cascading style forms . It is a markup language that separates style information from web content . We are in the news release system , We used it CSS file , Modify the style of some labels .
html、css、js Differences and relationships in
We use CSS For each HTML Elements define styles , It can also be used for multiple interfaces . When making a global update , Just change the style .
body { border :1px solid #000;/* Overall border */ font-size :14px; }
To put it bluntly ,CSS It's just setting up a web page HTML The language of element attributes .
3、JavaScript
At first, I was very depressed about why its name was similar to Java So similar ?
It's a typical marketing success , Its promotion is successful , Also borrowed Java The east wind of . When Microsoft began to realize Javascript stay Web When it's popular among developers , Microsoft's style is still the same , Set up their own scripting language ,JScript.
Javascript Is an object-based (Object) And event driven (Event Driven) Script language with security performance . The purpose of using it is to communicate with HTML Hypertext markup language 、Java Scripting language (Java Applet ) Together in one Web Link multiple objects in page , And Web Customer interaction . For example, you can set the mouse over effect , Verify the form on the client side , Create custom HTML page , Show warning box , Set up cookie wait .
function jsHello{ alert('Hello World!'); }
Embed code HTML In language , It will pop up a... When loading “Hello World” Dialog box . As for how to embed , We are learning JS I knew it from the beginning of the video .
About “html、css、js What are the differences and relationships in ” That's all for this article , Thank you for reading ! I'm sure you're right “html、css、js What are the differences and relationships in ” Knowledge has a certain understanding , If you want to learn more , Welcome to the Yisu cloud industry information channel .
copyright notice
author[Billion cloud speed],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2022/119/202204291539467919.html
The sidebar is recommended
- 07 Chrome browser captures hover element style
- WebGIS development training (ArcGIS API for JavaScript)
- Solution to the blank page of the project created by create react app after packaging
- 19. Html2canvas implements ArcGIS API for JavaScript 4 X screenshot function
- Introduction to JavaScript API for ArcGIS 13
- Development of ArcGIS API for JavaScript under mainstream front-end framework
- Nginx learning notes
- Less learning notes tutorial
- Vue2 cannot get the value in props in the data of the child component, or it is always the default value (the value of the parent component comes from asynchrony)
- LeetCode 217. Determine whether there are duplicate elements in the array
guess what you like
I'll write a website collection station myself. Do you think it's ok? [HTML + CSS + JS] Tan Zi
Front end browser debugging tips
Application of anti chattering and throttling in JavaScript
How to create JavaScript custom events
Several ways of hiding elements in CSS
node. Js-3 step out the use of a server and express package
CSS matrix function
Fastapi series - synchronous and asynchronous mutual conversion processing practice
How to extend the functionality of Axios without interceptors
Read pseudo classes and pseudo elements
Random recommended
- About node JS server related concepts
- Access control module (2)
- About virtual lists
- Developing figma plug-in using Vue 3 + vite
- Learn more about the garbage collection engine of chrome V8 JavaScript engine
- Vue3 uses vite instead of webpack
- How to upload applet code through node? Just take a look
- Using H5 video tag in Vue to play local video in pop-up window
- What is the difference between classes in Es5 and ES6?
- [Vue] play with the slot
- [Part 4 of front-end deployment] using docker to build cache and multi-stage construction to optimize single page applications
- Vue2 simple use of vant (based on Vue CLI)
- node. JS server
- React uses concurrent mode. When the rendering phase exceeds the time slice, high priority tasks jump the queue. How will the lanes on the fiber of the previous task be solved
- Vuecli2 multi page, how to remove HTML suffix
- Vue router dynamically modifies routing parameters
- How to use webpack or configure quasar after context isolation is turned on by electron?
- Vue3 how do parent components call child component methods
- Es learning notes (I): http request
- 【Java WEB】AJAX
- Java project: nursing home management system (java + springboot + thymeleaf + HTML + JS + MySQL)
- Java project: drug management system (java + springboot + HTML + layui + bootstrap + seals + MySQL)
- Java project: agricultural material management system (java + springboot + easyUI + HTML + Maven + MySQL)
- How do Vue, native JS and jQuery feel about development
- The Ajax backend accepts post data and writes it directly to the database
- Java project: agricultural material management system (java + springboot + easyUI + HTML + Maven + MySQL)
- Brother Lao Yu takes you to play with esp32:14 and personally make a two-way wireless remote control (I)
- How to create JavaScript custom events
- A king's time, I learned nginx
- Vue quick start (with actual small items: Notepad, weather forecast, music player)
- Vue: convert user input to numeric type
- - Status code: 404 for http://mirrors.cloud.aliyuncs.com/centos/8/AppStream/x86_64/os/repodata/repom
- vue. config. Understanding of agent in JS
- After the node is successfully installed, CMD can be executed, but the compiler webstorm runs NPM install and prompts that there is no solution to this command
- How to develop and deploy front-end code in large companies
- Vue assigns permissions to buttons through instructions
- [development diary from 22 years to April] Vue problems encountered in actual projects and their solutions
- [methodology 1] CSS development skills - global style setting and local style
- vue3. 0 dynamically bind and obtain DOM through ref;
- How to use HTML for touch event in mobile terminal