HTML基础
HTML（超文本标记语言）
html代码实际上就是一套能够被浏览器所识别的规则代码，由一个个标签组成。html代码就是一大长串字符串，而这种字符串的格式正好能够被浏览器所识别，也就有了我们的WEB页面。
HTML标签分为自闭和标签和主动闭合标签
1、自闭合标签：
<meta charset="UTF-8"> 只有开头标签，没有结尾标签
2、主动闭合标签
<a></a> 成对出现
HTML head
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 指定编码 -->
<meta charset="UTF-8">
<!-- 每3秒中刷新一次 -->
<meta http-equiv="refresh" content="1">
<!-- 3秒后跳转页面 -->
<meta http-equiv="refresh" content="1;Url=http://www.imdsx.cn">
<!-- 关键字检索 -->
<meta name="keywords" content="大师兄">
<!-- 网站描述-->
<meta name="description" content="大师兄是名低调的测试工程师">
<!-- ie打开时以最高的兼容模式打开 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 在head中所写的所有标签全部都看不到，是内部的一些东西，除了一个标签就是title-->
<title>白羊座</title>
<!-- 前方高能预警，***重要*** -->
<!-- title的图标 -->
<link rel="shortcut icon" href="tubiao.ico">
<!-- 引入css -->
<link rel="stylesheet" href="tmp.css">
<!-- css样式-->
<style></style>
<!-- 引入js和编写js -->
<script src="tmp.js"></script>
</head>
<body>
</body>
</html>
HTML body
1、块级标签（占用整行） 例如 标题标签h1-h6 div标签<div></div>
2、内连标签也叫行内标签（用多少占多少）例如<span></span>
段落标签 <p></p>
换行标签 <br/>
div标签 他相当于一个白板 什么都没有，一切都需要通过css 进行装饰，同时通过css进行装饰后，可以变成任意标签
<div style="width: 100px;height: 100px;border: red 2px solid"></div>
span标签真正的白板标签，什么css样式都没有，同时通过css进行装饰后，可以变成任意标签 <span>111</span>
文本标签
文本框
<input type="text" placeholder="请输入"><br/>
密码框
<input type="password"><br/>
按钮，button只是一个单纯的按钮，如果想要提交数据，就需要和js连用，value为按钮上的文字
<input type="button" value="保存"><br/>
单选框，当不同的radio的name相同时，可选其中一个
<input type="radio" name="www" checked="checked">
<input type="radio" name="www"><br/>
复选框
<input type="checkbox" checked="checked">
提交，重置 ；如果submit和form连用，直接请求form对应action的目标url；reset重置标签 与form连用时，重置到初始化样式
<form action="http://www.imdsx.cn" method="get">
<input type="text" placeholder="请输入用户名">
<input type="password" placeholder="请输入密码">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
浙公网安备 33010602011771号