html_day3

一、文件路径
相对路径：从当前文件所在的目录开始写这个目标路径。
相对路径的指代： …/ 当前文件所在的目录的上一级目录。 ./ 当前文件所在的目录。
相对路径的三种形式：a、目标文件和当前文件属于同一级；
b、目标文件在当前文件所在的目录的下级目录中；
c、目标文件在当前文件所在的目录的上级目录中。
绝对路径：这个文件在磁盘上的完整路径，这个路径是从磁盘根目录开始的。
文件路径写成绝对路径造成的问题：当项目目录发生变化以后，文件的路径就不对了。
二、表格的基本使用
table标签
属性：border 用来设置边框的宽度，默认为0 没有边框；
cellspacing 用来设置单元格与单元格之间的距离；
cellpadding 用来设置单元格内的内容与单元格之间的距离。
align 可以为table设置align属性 用来设置表格的对齐方式
可以为tr设置align属性 用来设置这一行的所有的单元格内容的对齐方式
可以为td设置align属性 只是用来设置这一个单元格的内容的对齐方式
单元格的跨列：a、只能是左边的单元格占掉右边的单元格；
b、被占掉的单元格就不应该存在；
c、为左边的单元格设置一个属性 colspan 告诉这个单元格要占的位置的数量
单元格的跨行：a、只能是上边的单元格占掉下边的单元格；
b、被占掉的单元格就不应该存在；
c、为上边的单元格设置一个属性 rowspan 告诉这个单元格要占的位置的数量
三、W3C规范
W3C认为一个完整的表格，应该包含以下几个部分
1、表格的标题； caption标签
2、表头； thead标签 表头的单元格可以使用 th 来表示，如果使用了 th 那么表头的
文字就会被加粗并居中显示
3、表主体 放数据； tbody标签
4、表尾 ； tfoot标签
W3C规范是要求我们将表格分组的
四、表单元素
form标签：这是一个容器，form 标签里面可以放其他的标签。
——文本框、下拉框、单选按钮、复选按钮…
如果你希望用户输入的数据，可以被提交到服务器。那么这些元素就必须要放在form标签中。
input元素：它有一个 type 属性（类型），取不同的值，显示的就是不同类型的元素。
text：如果type属性的值是text，那么展现的就是一个可以让用户输入文本的文本框。
文本框属性：value 设置文本框的默认值；
readonly 文本框是否只读（这个属性无论给什么值，
都代表文本框只读，规范为这个属性值设置readonly）；
size 修改文本框的宽度
maxlength 允许文本框输入的最大字符数
password：密码输入框，输入的数据以密文的形式展示。
checkbox：复选按钮，多选按钮，checked 属性 建议取值checked，
表示默认情况下这个选项被选中。
radio：单选按钮
如何做到单选按钮的互斥：需要互斥的单选按钮，
为他们设置一个name属性，取值要一样。
file：文件选择框
submit：就是一个提交按钮，会将用户输入的数据提交到服务器。
reset：就是一个重置按钮。用户输入的数据都会被还原为初始状态。
button：这就是一个普通按钮。
image：这是一个按钮，是一个提交按钮，这个按钮可以设置为一个图片。
hidden：隐藏域 在和服务器交互的时候，需要藏一些数据在客户端，
但是又不想被客户看到。

	label标签：作用：将文本和输入框元素进行关联。
					a、先使用label标签将文本包围；
					b、为要关联的元素设置一个id属性，值任意，只要不是以数字开头；
					c、为label标签设置for属性，值为要关联的元素的id属性的值。

五、下拉列表

六、文本域
textarea rows：显示的行数； cols：显示的列数。

七、布局标签
div标签：是一个容器，div标签中可以放其他的标签。我们只要操作这个div，
就代表连着这个div里面的所有元素一起操作了。
span标签

八、iframe标签
是可以显示另外一个页面。
是之前流行的做法。
现在流行的做法：SPA（Single Page Application）–单页应用程序（vue、react、angular…)

九、fieldset标签

十、SEO
1.为了方便搜索引擎的收录。
搜索引擎收录你的网站的几个因素
1.代码要规范
html根标签
html标签只有两个子标签
head、body
标签名小写
双标签有开始还要有结束
属性名小写
属性的值一定要用双引号引起来
2.是否合法

	 2.权重
  		外链
 		 钱

	3.能够在搜索引擎上将你的网站搜索出来
 		 前提是 你的网站已经被搜索引擎收录

	4. 百度如何知道你的网站要通过哪一个关键字搜索出来呢？
      <meta name="keywords" content="keyword1 keyword2 keyword3 ...">
	<meta name="description" content="这是本网站的描述信息 ...">

十一、字符编码
ASCII码、编码表
编码表：本质：规定每一个文字存储的时候占多少个字节
规定每一个文字对应的二进制编码
ISO 国际标准化组织 Unicode 四个字节表示1个文字
缺点：每一个文字都使用四个字节，很浪费空间。
UTF-8 把世界上所有的文字都编在上面，不定长字节表示文字。

十二、文件编码

十三、网页编码