内容简介：这篇博客要写的内容比较无聊，属于概念性的东西，我们介绍一下web开发中无法避开的三个东西，HTML，CSS和JS。HTML全称是Hypertext Markup Language，也是一种格式，或者说一种约定，大概张这样子：而HTML5则是在传统的HTML上增加了一些标签，好像是最新版吧，好久没去了解这个了。 顺便需要说一句，上面所说的标签就是例子中
这篇博客要写的内容比较无聊，属于概念性的东西，我们介绍一下web开发中无法避开的三个东西，HTML，CSS和JS。
HTML全称是Hypertext Markup Language，也是一种格式，或者说一种约定，大概张这样子：
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
而HTML5则是在传统的HTML上增加了一些标签，好像是最新版吧，好久没去了解这个了。
顺便需要说一句，上面所说的标签就是例子中 <html>
， </html>
这样的，通过写这些规定的标签，浏览器会展现出不同的样子。
例如 <p>
是正文， <h1>
是一级标题，通常会有加大字体， <a>
是超链接，一般都会是蓝色字体，外带下划线。
那么为什么不同的标签在浏览器中会有不同的样子呢？我们可以更改或者制定这些样子吗？这就涉及到我们需要了解的第二个知识了，CSS。 Cascading Style Sheets是CSS的全称，其实就是用来告诉浏览器这个标签要怎么展示出来，是不是要加特效。其实CSS也可以写在HTML里， 例如：
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p style="font-weight: bold">My first paragraph.</p> </body> </html>
也可以写成HTML:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="theme.css"> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
外加css：
p { font-weight: bold; }
记得要在HTML里链接css的路径。
那么JS呢？JS是JavaScript的缩写，为什么我们需要这样一个东西呢？因为浏览器端除了渲染出HTML之外，如果能 执行一些脚本，那么将会减轻服务端的很多压力，尽管服务端为了安全仍然要做各种校验。比如一个输入框用来 输入电话号码，如果在浏览器端能够检测号码格式是否合法，如果格式不合法就不提交请求，那么服务器端便可以减少 很多不必要的请求。另外，如果能通过脚本动态和服务器通信，从而根据通信内容动态更改内容，那就最好了，此种技术 叫做AJAX(asynchronous JavaScript and XML)。
讲完，手工 :)
以上所述就是小编给大家介绍的《Web开发系列(三)：什么是HTML,CSS,JS？》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- ABP开发框架前后端开发系列---（14）基于Winform的ABP快速开发框架
- Java开发人员的Flex开发
- Java开发人员的Flex开发
- 行为驱动开发让开发做正确事
- 让开发者专注于应用开发，OpenCenter 3.0 开发者预览版发布
- 让开发者专注于应用开发，OpenCenter 3.0 开发者预览版发布
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
React 进阶之路
徐超 / 清华大学出版社 / 2018-4 / 69.00元
《React进阶之路》详细介绍了React技术栈涉及的主要技术。本书分为基础篇、进阶篇和实战篇三部分。基础篇主要介绍React的基本用法，包括React 16的新特性；进阶篇深入讲解组件state、虚拟DOM、高阶组件等React中的重要概念，同时对初学者容易困惑的知识点做了介绍；实战篇介绍React Router、Redux和MobX 3个React技术栈的重要成员，并通过实战项目讲解这些技术如......一起来看看 《React 进阶之路》 这本书的介绍吧!
