<!--
Html,CSS,JS 三者的关系 ==> 人，衣服，动作。
以下展示 html 常用基本编码
-->
<!-- Html
在PyCharm中新建html文件默认给出的基本标签如下：
----------------------
<!DOCTYPE html> 表示标准的html解析格式 w3c
<html lang="en"> html文档 en 英文， zh中文
<head> 页面的头，是一对主动闭合标签 <head></head>
<meta charset="UTF-8"> 自闭和标签
<title>Title</title> 页面标题
</head>
<body> 页面主体 <body></body>
</body>
</html>
----------------------
-->
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head> <!--此对标签之间都是定义页头外观及行为的-->
<meta charset="UTF-8">
<!--<meta http-equiv="refresh" content="1"> <!--页标题左侧的图标每隔1秒刷新一次-->
<!--<meta http-equiv="refresh" content="2;http://www.baidu.com"> <!--页面2秒时刷新并跳转到指定链接-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--兼容到IE浏览器的最高版本-->
<meta name="keywords" content="大师兄"> <!--检索关键字，通常是一个词语，要查看网页源代码才能看到-->
<meta name="description" content="大师兄是个低调的攻城狮"> <!--检索摘要，通常是一个句子，要查看网页源代码才能看到-->
<title>网页标题名称</title>
<link rel="shortcut icon" href="title_icon.jpg"> <!-- 链接导入shortcut icon title图标 -->
<!--<link rel="stylesheet" href="XXX"> <!--链接导入css样式表-->
<!--<script src="xxxxx"></script> <!--导入js文件-->
<style> <!--写css样式的地方>
</style>
</head>
<body>
<p>年轻,就是拿来折腾的。</p> <!-- p是段落标签，段间有明显的距离；br是换行标签，行间没有距离-->
<p>让自己具备一技之长的资本，<br>是需要无数个夜晚的静思，</br>无数寂寞时光的堆积而成的。</p>
<h1>白羊座</h1> <!-- h是页内标题标签，标题会区分开正文字体 -->
<h2>白羊座</h2>
<h3>白羊座</h3>
<h4>白羊座</h4>
<h5>白羊座</h5>
<h6>白羊座</h6>
<div> <!-- 块级标签的宽度占整个页面宽度--><!--div是块级标签的白板，只有一种属性-->
块级标签
</div>
<span> <!-- 行内标签的宽度随标签内容变化，是包裹标签内容的大小--><!--span是行内标签的白板，没有属性-->
行内标签
</span>
<!--
<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
action 提交到那个接口
method post 还是 get
enctype="multipart/form-data" 指定上传文件类型
-->
<form action="/login" method="post" enctype="multipart/form-data">
<span>是否让页面记住密码</span>
<input type="checkbox" checked="checked"> <!--复选框，默认选中-->
<input type="radio" checked="checked"> <!--单选钮，默认选中-->
<input type="radio" name="r1" checked="checked">
<input type="radio" name="r1" > <!--互斥的一对单选钮，第一个默认选中，用相同name实现互斥-->
</form>
<div>
<input type="text"> <!--普通文本输入框，输入可见字符-->
<input type="password"> <!--密文文本输入框，输入字符以掩码显示-->
<input type="submit" > <!--提交按钮，表单数据直接提交到后台-->
<input type="file" > <!--实现上传文件功能-->
<input type="reset" > <!--重置按钮，把表单数据重置-->
<input type="text" >张三</td>
<td>白羊座</td>
<td>语文</td>
<td>100</td>
<td>编辑</td>
<td>保存</td>
</tr>
<tr>
<td>白羊座</td>
<td>数学</td>
<td>100</td>
<td>编辑</td>
<td>保存</td>
</tr>
<tr>
<td>白羊座</td>
<td>英语</td>
<td>100</td>
<td>编辑</td>
<td>保存</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>