Web复习资料（HTML+JS+CSS）

最新推荐文章于 2022-12-28 13:10:27 发布

置顶闽江小张

最新推荐文章于 2022-12-28 13:10:27 发布

阅读量4.2k

点赞数 20

分类专栏：复习文章标签： html css html5 js javascript

本文链接：https://blog.csdn.net/weixin_46681371/article/details/107045691

版权

复习专栏收录该内容

4 篇文章 2 订阅

订阅专栏

Web复习资料

一、href与src的区别：

1.src 是指向物件的来源地址，是引入。在 img、script、iframe 等元素上使用。
2.href 是超文本引用，指向需要连结的地方，是与该页面有关联的，是引用。在link和a等元素上使用。

使用区别：
src通常用作“拿取”（引入），href 用作 “连结前往”（引用）。

使用区别

二、CSS样式有几种类型：

主要包含以下三种类型：
1、内部样式表：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：

<style>选择器 {属性名：属性值；属性名：属性值；......}</style>

2、外部样式表（外联样式）：外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过标记将外部样式表文件链接到HTML文档中，其基本语法格式如下:

<link type="text/css" rel="stylesheet" href="css/main.css" />

3、内联样式（内嵌样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。

<标签 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标签>

PS：type属性值唯一值是“text/css。”

三、HTML的盒模型：

盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
下面的图片说明了盒子模型(Box Model)：

1、Margin(外边距) - 清除边框外的区域，外边距是透明的。
2、Border(边框) - 围绕在内边距和内容外的边框。
3、Padding(内边距) - 清除内容周围的区域，内边距是透明的。
4、Content(内容) - 盒子的内容，显示文本和图像。
PS：内边距、边框和外边距可以应用于一个元素的所有边，也可以应用于单独的一个边。盒模型内边距、边框和外边距按照顺时针的顺序可以分为：top、right、bottom、left四个边。

四、HTML的标签类型：

1、对称型：
双标签则是由“开始标签”和“结束标签”两部分构成（这两部分是相同的）。
例如：<html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center>（双标签的一部分）。
2、单一型：
单标签就是由一个标签组成的。
例如：<br>、<hr>、<img>、<input>、<param>、<meta>、<link>。

五、HTML的特殊符号代码表示：

空格： 
版权©：©
<:<
>:>

六、HTML的含义：

1、HTML是一种超文本标记语言，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言，是网页制作所必备的。
2、“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
3、超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
主要特点：
1、简易性：是一种用描述文档标记的标记语言，用标签（tag）来说明文档的内容和形式。
2、可扩展性：支持超文本。
3、平台无关性：基于HTTP，与平台无关。
4、源自于SGML，是其应用和简化。

七、Frameset框架标签里的属性：

Frameset的属性：

属性名称	属性值	说明
rols	像素/百分比	设置直排的多窗框环境
rows	像素/百分比	设置横排的多窗框环境
border	像素	边框的宽度
Frameborder	0/1	边框是否显示
Framespacing	像素	页面与页面的边距

frame的属性：

属性名称	属性值	说明
src	URL	链接的页面
norsize		不允许浏览器自行改变框架大小
scrolling	yes/no	不管内容大小，都（出现/不出现）滚动条
marginheight	像素	设置垂直方向窗台内容与边界的距离
marginwidth	像素	设置水平方向窗台内容与边界的距离

八、无序列表、有序列表：

有序列表<li>、无序列表<ul>的格式
无序列表<ul>：格式
无序列表基本格式
有序列表<li>：格式

有序列表基本格式

<li>和<ol>的属性
<li>的属性：

属性名称	属性值	说明
type	disc	实行圆（默认）
type	circle	空心圆
type	square	实心方块

<ol>的属性：

属性名称	属性值	说明
type	1	表示1，2，3，4来表示
type	A	表示A，B，C，D来表示
type	a	表示a，b，c，d来表示
type	i	表示i，ii，iii来表示
type	I	表示I，II，III来表示

九、简单网页结构：

<html>
	<head>
		<title>这是网页标题</title>
		<meta><!--控制标记的动态文件转换声明-->
		<base><!--超链接网址基准参考点-->
		<link><!--可以引用的外部文件，如CSS排版样本-->
	</head>	
	<body>
	网页的主体部分，可以是文本、图像等
	</body>
</html>

十、文本处理标签：

在这里插入图片描述

十一、JavaScript的定义：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，能够增强web 站点和web应用程序之间的交互，能够对所有元素进行控制，用来给HTML网页增加动态功能。JavaScript的组成：核心（ECMAScript）、文档对象模型（DOM）、浏览器对象模型（BOM）。