HTML复习

前言：

越是基础越要时常温习

0x01 基本概念

HTML（超文本标记语言）：与系统平台无关的前端语言。用于web网页的语言，显示内容随浏览器内核解析的不同而产生差异，但基本都差不多。在http报文中的user-agent声明了用户代理，使用什么工具发出请求

0x02 基本结构

按F12看一看共有的部分是三对闭合的标记html、head、body。文档标题位于head中的title
第一行为了声明HTML5
head中声明了该页面的字符集类型，常见utf-8。样式集合的.css文件的链接，以及脚本语言的文件.js的链接等
body中是内容，用class名做唯一标识，将head中的css关联。body中也会有脚本
body就像一个可能无限大的容器，div为body中的容器，还可用span划分文字区间等
                                                                  

0x03 常用标签

1. 基本
   1.1 注释：<!-- 注释内容 -->
   1.2 空格： 
   1.3 换行：<br/>
   1.4 水平线：<hr>
2. 样式
   2.1 标题：<h#> </h#>#可为1-6的数字，h1的文字最大
   2.2 居中：<center> </center>
3. 功能
   3.1 图片：<img src="图片路径" alt="替换内容" height="高度" width="宽度">图片可为本地相对路径，或网络上的绝对路径
   3.2 超链接：<a href="链接跳转路径" >链接文字</a>链接文字可换为图片；链接跳转路径可换为邮件链接；链接跳转路径可作为书签跳转至本网页的其他位置如<a href="#唯一标识">文字</a>将跳转至名为唯一标识的锚
   3.3 表单：<form></form>中内嵌，默认方法是get，还可设为post。是交互的重要途径

1.单行文本框：<input type="text">可设名name，大小size和长度maxlength
2.密码框：<input type="password">可设名name
3.单选按钮：<input type="radio">可设置checked为默认勾选
4.多选按钮：<input type="checkbox">可设置checked为默认勾选
5.提交：<input type="submit">可设置value
6.重置：<input type="reset">
7.文本框：<textarea name="文字" rows="行宽" cols="列宽"></textarea>
8.下拉菜单：<select> </select>在其中内嵌菜单内容为<option></option>
9.隐藏文字：<input type="hidden">

4. 其他
   4.1 文字样式：<font> </font>
   4.2 无序列表：<ul> </ul>内嵌<li> </li>
   4.3 有序列表：<ol> </ol>内嵌<li> </li>
   4.4 框架：<iframe src="路径"></iframe>
   4.5 表格：<table> </table>内嵌<tr> </tr>作一行，一行有作首行的表头，另有其他行内
   <td></td>作表项

参考：https://www.runoob.com/html/html-quicklist.html