标签可分为自闭合与主动闭合
自闭合标签
<meta charset="UTF-8">
主动闭合标签
<h1 style="background-color: red"> xxx </h1>
标签可分为块级标签和行内标签
块级标签
独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽
行内标签
可以多个标签存在一行,对宽高属性值不生效,完全靠内容撑开宽高!
标签可以嵌套
<head>
<meta > 编码,跳转,刷新,关键字,描述,IE等。
<title > 浏览器标签名称
<link> 图标
<style>
<script>
<body>
<a> 定义跳转链接 target="_blank" 新开页跳转
-超链接 href="https://www.baidu.com"
-锚 href="#id名称"
<h> 标题,h1-h6字体大小
<p> 段落
<br> 换行
<span> 组合文档中的行内元素,是个白板可自定义颜色大小
<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符,是个白板可自定义颜色大小
<form> 用来与用户交互并提交数据
<input> 输入标签
type="text" name属性 value属性
type="password" name属性 value属性
type="submit" value属性 提交表单
type="button" value属性 按钮
type="radio" name属性 value属性(name相同为单选框) checked默认勾选属性
type="checkbox" 多选框 name相同不互斥 value属性 checked默认勾选属性
type="file" name属性 依赖from中的属性 enctype="multipart/form-data"
type="reset" value="重置" 重置
<textarea> 多行输入框 默认值放在中间
<select> 下拉框 multiple="multiple" 多选
<option> 下拉单选框
<optgroup> 下拉组 label属性表示标题
<img> 图片
<img src="img/index.png" title="森林" style="height: 400px;width: 400px" alt="风景">
<ul> 列表
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
<ol>带序列的列表
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ol>
<dl>分级列表dt是dd的父级
<dl>
<dt>a</dt>
<dd>b</dd>
<dd>c</dd>
<dt>d</dt>
<dd>e</dd>
</dl>
<table> table为表格 tr为一行td为一列 border属性
<tr>
<td> rowspan 占几行 colspan占几列
<label> 当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段