HTML前端与CSS基础总结
需积分: 9 168 浏览量
更新于2024-07-15
1
收藏 2.98MB DOCX 举报
"这篇资料是关于在校学习HTML前端知识的总结，涵盖了HTML基本标签、CSS样式设置、JavaScript和jQuery的基础内容，以及相关的案例笔记。"
HTML是超文本标记语言，用于构建网页结构，其常用标签包括：
1. `a`标签用于创建链接，通过`href`属性指定目标URL。
2. `p`标签用于定义段落。
3. `h1`到`h6`标签定义了六级标题，`h1`是最大标题，`h6`是最小标题。
4. `img`标签插入图像，`src`属性指明图片源，`alt`属性提供替代文本。
5. `br`标签实现换行。
6. `ul`和`li`组合用于创建无序列表，`ol`和`li`则用于创建有序列表。
7. `b`标签用于加粗文本，`i`标签用于斜体显示。
8. `tr`、`td`用于创建表格，`th`用于定义表头单元格。
9. `s`标签表示删除线，`div`作为块级元素，`span`是内联元素，常用于分组和样式应用。
10. `form`标签用于创建表单，`input`标签可定义各种输入字段，如文本、按钮、复选框、单选框、文件选择和下拉菜单。
CSS（层叠样式表）用于控制网页的样式和布局，包括：
1. 文字样式：如`color`设置文字颜色，`font-style`定义文字样式，`font-size`和`line-height`调整字体大小和行高，`font-weight`设置文字粗细，`text-align`决定文本对齐方式。
2. 背景样式：`background`和`background-image`设置背景颜色和图像，`background-repeat`控制图像重复。
3. 边框样式：`border`定义边框宽度、样式和颜色，`border-radius`设置圆角。
4. 内外边距：`padding`和`margin`分别设置元素内部和外部的间距。
5. 定位：`position`属性用于定位元素，`absolute`和`relative`分别表示绝对定位和相对定位。
6. 选择器：包括ID选择器（#id）、标签选择器（element）、后代选择器（element element）、子元素选择器（element > element）和通用选择器（*）等。
CSS选择器的运用可以精确地控制页面元素的样式，如后代选择器允许选择特定上下文中的元素，子元素选择器仅选取直接子元素。例如：
```css
#divdiv {
width: 100px;
height: 100px;
background-color: aquamarine;
border: 1px solid red;
}
```
```html
<body>
<div id="div">
<div>
</div>
</div>
</body>
```
在这个例子中，`#divdiv`选择器会选中id为"div"的元素内的第一个`div`元素，并应用相应的样式。
此外，JavaScript和jQuery是用于增强网页交互性的脚本语言，例如响应用户事件、动态更新内容、处理Ajax请求等。JavaScript基础包括变量、数据类型、控制流语句、函数，而jQuery库简化了DOM操作、事件处理和动画效果，使得前端开发更为高效。
这个资料总结了HTML的基础语法、CSS的样式设计以及JavaScript和jQuery的基本概念，为初学者提供了全面的学习指导。通过这些知识，可以创建具有丰富交互性和美观布局的网页。
$1%&
效果图如下：
或
$%&
*%879
(
-.*';,
0
$1%&
$%&
$&这是标题$1&
$&第一个段落$1&
$&第二个段落$1&
$&第三个段落$1&
$&第四个段落$1&
$&第五个段落$1&
$&第六个段落$1&
$1%&
$1&
效果图如下：
四、JavaScript
JavaScript 的注释：
;．88<。8==8
剩余41页未读，继续阅读
2022-04-08 上传
290 浏览量
2025-01-06 上传
2025-01-06 上传
2025-01-06 上传
2025-01-06 上传
好想（过去）
- 粉丝: 7
- 资源: 3
我的内容管理
展开
最新资源
- 2009年研究生入学考试计算机统考大纲-完整版.pdf
- MapReduce Simplied Data Processing on Large Clusters.pdf
- 关于usb的驱动开发
- ASP.NET程序设计基础篇
- 数字移相信号发生器设计
- JBoss EJB 3.0 实例教程--企业应用开发核心技术（黎活明）
- LCD液晶显示屏工作原理
- 10秒清除你电脑中的垃圾（使你电脑急速如飞）
- html语法大全，总结了所有的基本语法
- C++Primer4rd 习题解答
- 基于P2P的在线流媒体服务系统
- 一卡通企业应用全面解决方案
- quartz说明文档（适合于java的任务处理）
- DWR中文文档v0.9 欢迎大家下载
- 语音识别区分性训练normandin博士论文
- MyEclipse开发基于 MVC 模式的WEB应用 实例讲解
