尚硅谷前端html+css零基础教程，2023最新前端开发html5+cs...

HTML4相关：

1.标签效果不重要，重要的是语义

strong 标签比em标签语气强，语义化是“要着重阅读的内容”

span没有语义，用于包裹短语的通用容器。

生活化的例子，div是大包装袋，span是小包装袋

2.img标签

3.相对路径：

相对于当前位置，一旦文件位置改变，图片路径也要更改

./表示同级当前位置，../表示上一级

4.绝对路径：

分为本地绝对路径和网络绝对路径

相对路径和网络路径用的比较多

5.图片格式

汽车售卖网站用png是因为图片相对比较少，而电商网站多用jpg则是因为图片超级多

6.超链接

href 写链接地址

target 写查看链接方式，_self当前页签打开（默认值，可以不写），_blank新页签中打开

注：ctrl+shift+delete清除浏览数据

download属性，可在用户点击后触发下载。属性值为下载的文件名。如：download="文件名"

锚点：

a标签配合name属性，其他标签配合id属性

注：具有href 属性的a标签是超链接，具有name属性的a标签是锚点。

name和id都是区分大小写的，且id最好别数字开头。

通过a标签可以唤起设备应用程序，

href="tel:123"唤起设备拨号

href="mailto:123@qq.com"唤起设备发送邮件

href="sms:10086"唤起设备发送短信

7.table

table标签里的height是最低高度，如果table里面的标签又单独设置高度，会自动调整tbody里的高度来适应table设置的高度

table标签有border width height(最少高度) align cellspacing cellpadding属性

table里面的thead tbody tfoot tr都有height align（left center right） valign(top middle bottom)属性

表头单元格th 有width height属性，但要注意为了表格统一性，调整一个th的宽高，与之对应的一列或一行也会对应调整。align和valign对齐方式则只有当前单元格会变动

表格主体单元格td

跨行（rowspan）与跨列(colspan)

多光标快捷键：光标停在要多选的元素后面，长按alt键，鼠标往下点，可以统一修改值

8.常用标签

换行标签br，语义是换行

分割线hr，语义是分割

按原文显示pre，在其他标签里无论打多少换行和空格都只会空一格，pre可以将所有空格和换行都显示

9.input

隐藏域hidden：用户不可见的一个输入区域，作用是提交表单时携带一些固定的数据。

10.表单form

表单里要提交的值需要加name属性

表单里面的button标签默认是submit，所以如果只是想放一个单纯的按钮，需要定义类型type为button。普通按钮另一种方式是input type button

textarea标签没有type属性，能换行

下拉框select option 默认选中属性为selected

disabled禁用表单控件

label标签（实现提示文字和表单控件的关联），用for和id同值表示对应关系，或者直接用label标签包裹需要关联的元素

fieldset与legend的使用（了解）

fieldset可以为表单控件分组，legend标签是分组的标题

11.框架标签iframe

12.字符实体(更多 去MDN搜索“术语表”)

空格  或 

< &lt;

> &gt;

& &amp;

￥ &yen;

© &copy;

x &times;

/ &divide;

13.HTML全局属性

id值不能重复仅限同一个html文件

14.meta元信息

针对搜索引擎爬虫配置：

其他配置信息：