Web开发系列(三):什么是HTML,CSS,JS?

栏目: CSS · 发布时间: 5年前

内容简介:这篇博客要写的内容比较无聊,属于概念性的东西,我们介绍一下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?》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

暗时间

暗时间

刘未鹏 / 电子工业出版社 / 2011-7 / 35.00元

2003年,刘未鹏在杂志上发表了自己的第一篇文章,并开始写博客。最初的博客较短,也较琐碎,并夹杂着一些翻译的文章。后来渐渐开始有了一些自己的心得和看法。总体上在这8年里,作者平均每个月写1篇博客或更少,但从未停止。 刘未鹏说—— 写博客这件事情给我最大的体会就是,一件事情如果你能够坚持做8年,那么不管效率和频率多低,最终总能取得一些很可观的收益。而另一个体会就是,一件事情只要你坚持得足......一起来看看 《暗时间》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

SHA 加密
SHA 加密

SHA 加密工具