8.两种引入文件的方案:链接(link)与替换型元素(src)
1.文档类型
<!DOCTYPE html>
作用
声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
2.页面语言
<html lang="en"> 指定html 语言种类
- en 定义语言为英语
- zh-CN 中文
3.head 里面的标签
- title 文档的标题
- base 给页面的所有url提供一个基础地址(历史遗留)
- meta标签
- 字符集
<meta charset="UTF-8" />
- 移动端视口
- 字符集
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
3.其它
4.HTML 标签的语义化
语义化:即标签的含义。
- 方便阅读和维护。
- 浏览器和爬虫更好的解析。
- 更好的seo(搜索引擎优化)
5.块级标签、行级标签、行块级标签
块级:独占一行,可以通过css调整
行内:多个一行,不可以通过css调整
行内块:多个一行,可以通过css调整
块级:html、body、h1-h6、form、ul、ol、li、dd、dt、dl、div、hr等
行级:span、a
行块级:img、input,display: inline-block
6.表单域
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
7.表格
<table width="500" height="300" border="1" cellpadding="20" cellspacing="0" align="center">
<tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr>
<tr> <td>刘德华</td> <td>男</td> <td>55</td> </tr>
</table>
th:表头
tr:表行
th:表列