这是我参与「第五届青训营 」伴学笔记创作活动的第3天
路径
目录文件夹：普通文件夹 里面存放了我们做页面所需的相关素材
如html文件和图片
根目录：打开目录文件夹的第一层目录
桌面如建立一个文件夹A 文件夹里面放了1.html和images
那根目录 1.html
images
(2) Vscode打开目录文件夹：
1. 文件-打开文件夹，选择目录文件夹。后期非常方便管理文件
2. 或者把写好的web.html 文件直接接入Vscode软件中
21.路径问题
页面中图片会很多；需新建一个文件夹（images）存放图像文件
那查找图像需采取路径的方式指定图像文件的位置
相对路径：图片相对于HTML页面的位置
同一级 A.html
B.jpg
下一级
Images B.jpg图片在images文件夹里面
A. html
上一级
../
html 文件夹 里面有A.html
B.jsp
绝对路径 比较少使用 因为他不在别的网盘分享不了
指目录下的绝对位置 直接到达目标位置 通常是从盘符如D盘
开始的路径 或完整网络地址“http://www...”
①如电脑中的生成位置 ②百度头像 复制图像地址放进src=”” 里面
超链接标签 （重点）标签
在HTML标签中 标签用于定义超链接 作用从一个页面链接到另外一个页面（如点页面某行字（超链接）会跳转到另外一个页面）
<a href=”跳转目标” target=”目标窗口的弹出方式”> 文本图像</a》
a是ahchor缩写
①外部链接
target打开窗口方式 -self当前窗口打开页面
-blank新窗口打开页面
<a href=”qq.com” target=”-self” 腾讯
<a href=”qq.com” targer=”-blank” 腾讯
内部链接
<a href=”index.html” target=”-black”>公司简介
空链接 #
3.空链接：#
下载链接（如压缩包）文件 .exe或.zip等
<a href=”img.zip”下载文件
网页元素与链接 如文本、图标、图像、音频、视频等都可以添加超链接
锚点链接
我们点击链接，可以快速定位到页面中的某个位置
个人生活
点
个人生活
跳的目标位置
个人生活
个人生活
个人生活
注释 crt+/
提示快捷键
特殊字符
空格符
小于号 $lt;
大于号 >
和 &
人名币 ¥
版权 ©
注册商标 ®
摄氏度 °；
正负号 ±
乘号 ×
除号 ÷
P23表格标签（无边框）
1.1作用:用于显示 展示数据 可读性好 整洁
1.2表格的基本语法
...
...
| 单元格内的文字 |
定义表格中的单元格，必须嵌套在标签中
字母中的td指表格数据（table data）即数据单元格的内容
表格标签中 表格单元格标签
位于白哦个的第一行/列 在文本内容加粗、居中 显示
标签 表示html表格的表头部分（table head缩写）表格属性（这些属性都写table标签里面）不同<tr，td,th>
实际开发不常用 后面通过css设置
目的：记住单词 后面css会用
直观感受表格的外观形态
属性名 属性值 描述
Align left center right 规定表格相对周围元素的对齐格式
Border 1或”” 规定表格单元是否拥有边框默认”” 无边框
Cellpadding 像素值 规定单元边沿与其他内容之间的空白默认像素
Cellspacing 像数值 单元格之间的空白 但是默认2像素
Width 像素值/百分比 规定表格的宽度
Border不改变表格大小情况下最大边加框 大小只改变边框 不改变表头
Cellpadding 单元边沿与其他内容
Cellspacing 单元格之间
表格头部区域
合并单元格 方式和步骤
方式 ①跨行合并 rowspan=”合并单元格的个数”
②跨列合并 colspan=”合并单元格的个数”
目标单元格①跨行上为目标
②跨列左为目标
例
删除多余的单元格
总体 align
Border
Cellpadding 边框
Cellspacing 单元格和单元格之间的距离
合并3步 分清行/列
把删
P40 表格是展示数据
列表标签 列表是布局（整洁 好看）
①无序列表（重点）
②有序列表 整洁有序
③自定义列表 帮助中心 服务支持
①无序
- 无序列表
- 列表项
- 列表项
- 列表项
- 列表项
-
- 但
- 里面可放所有元素
字节样式属性 但实际用时 使用css设置
②有序
- 有序列表 ①
- 列表项 ②
- 里面可放所有的元素
③有序列子自带样式属性 1.2.3但实际用css设置
- 名词1
- 名词1 解释1
- 名词2 解释2
自定义列表（重点）
- 里只能放
ul里面只能放
