日期：2025 年 01 月 06 日
星期：星期一
天气：阴
1. Anaconda 安装
下载与安装：
前往 Anaconda官网 下载适合你操作系统的安装程序。
安装路径：如果你的C盘空间足够，建议直接安装到C盘，以避免潜在的路径问题。安装过程中尽量避免使用包含中文或特殊字符的路径。
安装选项：在安装过程中，如果需要选择安装内容，通常建议全选以确保获得完整的Anaconda环境。
检查安装是否成功：
打开Anaconda Prompt（开始菜单中可以找到）。
输入 conda list 并回车，如果能列出已安装的包，则说明Anaconda安装成功。
2. PyCharm 安装
下载与安装：
- 前往 JetBrains官网 下载适合你操作系统的PyCharm版本（社区版或专业版）。
- 安装路径：同样，建议安装到不含中文和特殊字符的路径下，如C盘。
- 安装选项：按照默认设置进行安装即可，除非你有特定的需求需要更改配置。
- 检查安装是否成功：
- 打开PyCharm，尝试创建一个新的Python项目。
- 在项目中创建一个Python文件，并编写简单的打印语句（如 print(“Hello, PyCharm!”)）。
- 运行该文件，如果控制台输出相应的内容，则说明PyCharm安装成功。
- 界面基础测试与基础知识测试
简单介绍
- 标签语言：HTML中的标签用于定义网页的结构和内容。标签名如
<h1>, <div>, <img>等。
- 标签类型：
- 块级标签：如
<h1>-<h6>, <div>等，它们默认占据父容器的整个宽度，并独占一行。
- 行级标签：如
<span>, <a>等，它们只占据必要的宽度，并且多个行级标签可以在同一行内显示。
3. 参考代码与前端思路
HTML结构
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度一下，我就知道</title>
</head>
<body style="background-image: url('wangzulan.jpg')">
<h6>我会变小</h6>
<img src="wangzulan.jpg" style="height: 300px;width: 300px">
<img src="wangzulan.jpg" style="height: 300px;width: 300px">
<div style="height: 50px;color: red;font-size: 24px;font-weight: bold;font-family: '华文楷体'">
我是标题，标题标签
</div>
<div style="height: 500px">2</div>
<div style="height: 50px;background-color: red">3</div>
</body>
</html>
|
JavaScript交互
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度一下，我就知道</title>
<script>
function one_image() {
alert('第一个图片被点击了！');
}
function two_image() {
alert('第二个图片被点击了！');
}
</script>
</head>
<body>
<h1 id="my_title">这个也可以放置字体</h1>
<img src="wangzulan.jpg" style="height: 300px;width: 300px" onclick="one_image()">
<img src="wangzulan.jpg" style="height: 300px;width: 300px" onclick="two_image()">
</body>
</html>
|
4. 如何定位HTML标签
根据标签名：由于页面中可能有多个相同标签名的元素，因此返回的是一个数组（或类似数组的对象）。你需要通过索引来定位特定的元素。
根据id属性：每个元素的id在页面中应该是唯一的，因此可以直接通过id来精确定位元素。
