"web前端考点复习.md"
Web前端开发是创建网页或应用程序的前端部分,它主要关注用户在浏览器中所看到和交互的内容。本复习资料涵盖了Web前端的一些关键知识点,包括Web的特点、HTML结构标记、文本处理、列表、超链接与浮动框架以及图像处理。
### 第一章 Web特点
1. **易导航**:Web页面通常具有清晰的导航结构,方便用户浏览。
2. **与平台无关性**:基于HTTP协议的Web应用可以在任何支持浏览器的设备上运行,不受操作系统限制。
3. **分布式结构**:信息分布在各个服务器上,通过链接相互连接。
4. **动态性**:Web页面可以包含动态内容,如JavaScript、AJAX等技术使得数据实时更新。
5. **交互性**:用户可以通过表单、按钮等与网页进行交互。
### 第二章 结构标记
HTML是构建网页的基本语言,用于定义网页的结构。例如:
```html
<html></html> <!-- HTML文档的根元素 -->
<head></head> <!-- 存储元数据,如标题和CSS链接 -->
<title>标题信息显示在浏览器的标题栏上</title>
<meta></meta> <!-- 用于存储页面元信息,如字符集 -->
<body></body> <!-- 内容主体 -->
```
### 第三章 文本处理
1. **标题标记h1-h6**:定义了六级标题,h1为最高级别。
2. **对齐方式**:文本默认左对齐,可通过CSS设置对齐方式,如`text-align: justify`实现两端对齐。
3. **特殊符号**:HTML提供了一些特殊符号实体,如`©`代表版权符号,`™`代表商标符号,` `用于添加空格。
4. **字体标记font**:已过时,但仍然可用,用于设置字号、颜色和字体。
5. **段落p**:用`<p>`标记表示,可设置对齐方式,如`<p align="left">`。
6. **换行br**和分隔线hr:`<br>`用于换行,`<hr>`创建水平分割线, 默认居中,可设置属性调整。
7. **缩进**:`<blockquote>`用于创建引述段落,可模拟文本缩进效果。
### 第四章 列表
1. **无序列表ul**:使用`<li>`标记定义列表项,`type`属性可设置为disc(默认)、circle、square。
2. **有序列表ol**:同样使用`<li>`,但通过`<ol>`定义,`type`属性可设置数字或字母序列,`start`属性指定起始值。
3. **嵌套列表**:列表项内可包含其他列表,实现层次结构。
4. **定义列表dl**:由`<dt>`(定义术语)和`<dd>`(定义描述)组成,用于解释术语。
### 第五章 超链接与浮动框架
1. **超链接a**:使用`<a>`标记创建链接,`href`属性定义链接地址,`title`属性为提示信息。
2. **电子邮件链接**:通过`mailto:`协议创建,如`<a href="mailto:example@example.com">发送邮件</a>`。
3. **图像超链接**:将`<a>`标签包裹`<img>`标签,实现点击图片跳转。
4. **书签链接**:用`<a>`的`name`属性定义书签,链接时用`#`加书签名,如`<a href="#section1">跳转到章节1</a>`。
5. **浮动框架iframe**:允许在页面中嵌入其他页面或内容,通过`src`属性指定URL,`frameborder`控制边框显示。
### 第六章 图像处理
1. **图像img**:使用`<img>`标记插入图像,`src`属性指定图像源,`alt`属性提供替代文本。
2. **图像映射area**:配合`<map>`和`<area>`标记创建图像热点,实现点击不同区域跳转不同链接。
3. **边框border**:默认`border=0`,无边框,可设置宽度调整。
4. **对齐方式**:使用CSS的`float`、`margin`等属性控制图像在页面中的位置。
这些知识点构成了Web前端开发的基础,理解和掌握它们对于成为一名合格的前端开发者至关重要。在实际开发中,还需要结合CSS和JavaScript等技术,以实现更复杂的交互和视觉效果。