html+css+js基础知识ppt资源-CSDN文库

共5个文件

ppt：5个

5星 · 超过95%的资源需积分: 24 74 浏览量 2015-02-02 10:00:05 上传评论 2 收藏 5.5MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

package

Html+CSS+JS.rar （5个子文件）

folder

Html+CSS+JS

html教程.ppt 3.27MB

css教程 .ppt 1.31MB

javascript内置对象.ppt 279KB

BOM和DOM对象.ppt 2.56MB

javascript基础教程.ppt 1.03MB

B/S 结构



B/S 结构（ Browser/Server, 浏览器 / 服务器模式），是 WEB 兴起后的

一种网络结构模式， WEB 浏览器是客户端最主要的应用软件。这种模

式统一了客户端，将系统功能实现的核心部分集中到了服务器上，简化

了系统的开发、维护和使用，同时也大大简化了客户端的电脑载荷，减

轻了系统维护与升级的成本和工作量。



B/S 结构最大的优点就是可以在任何地方进行操作而不用安装任何专门

的软件。只要有一台能上网的电脑就能使用，客户端零维护。

HTML 介绍



超文本标记语言（ Hypertext Markup Languag ， HTML ）是标准通用

标记语言 (SGML) 下的一个应用，是一种规范，一种标准。网页文件本

身是一种文本文件，它通过标记符号来标记要显示的网页中的各个部分

。



浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容

。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全

相同的解释，因而可能会有不同的显示效果（兼容性）。



何为超文本：是因为文本中包含了所谓“超级链接”。



静态网页文件扩展名： .html 或 .htm



动态网页文件扩展名： .php .jsp .asp 等

html 文件结构



<html></html> 是文档的开始标记和结束标记。此元素告诉浏览器其自身是一

个 HTML 文档，在它们之间是文档的头部 <head> 和主体 <body> 。



<head></head> 元素出现在文档的开头部分。 <head> 与 </head> 之间的

内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义

。



<title></title> 定义网页标题，在浏览器标题栏显示。



<body></body> 之间的文本是可见的网页主体内容

<html> HTML 文件声明开始

<head>

<title> 网页标题 </title>

</head>

<body>

文件体

</body>

</html> HTML 文件声明结尾

html 标签格式



HTML 标签是由尖括号包围的关键词，比如 <html>



HTML 标签通常是成对出现的（双边标记），比如 <div> 和 </div>



标签对中的第一个标签是开始标签，第二个标签是结束标签；



开始和结束标签也被称为开放标签和闭合标签



也有单独呈现的标签（单边标记），如： <br /> 、 <hr /> 和 <img

src=“images/1.jpg” /> 等。



一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性

中赋值。如 <h1> 标题 </h1> 和 <input type=“text” value=“ 按钮” /> 。



标签可以有若干个属性，也可以不带属性。如 <head> 元素就不带任何属性

标答的语法：

< 标签名属性 1=“ 属性值 1” 属性 2=“ 属性值 2”……> 内容部分 </ 标签名 >

< 标签名属性 1=“ 属性值 1” 属性 2=“ 属性值 2”…… />

html 标签编写规则



标签不区分大小写



大部分标签有结束标记。有结束标记时，需要使用结束标记。有些标记

没有结束标记。



标签可以嵌套，在嵌套时注意标记位置。



标签可以有内容或者没有内容



标签的属性是可选的



当标签中出现属性时，必须为其赋值



属性赋值必须包含在尖括号” <>” 内部



属性与标记之间、各属性之间需要以空格隔开



属性值以双引号括起来

内容反馈

xu_diligent

2016-01-06

很基础，很详细
kotiry

2018-03-03

这个不错，可以作为参考工具使用
gaobiaobb

2019-10-24

参考手册，常伴手边，不错不错
doitlee911

2016-09-01

这个不错，可以作为参考工具使用

John-Han

粉丝: 12
资源: 2

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip