hyperText markup language(超文本标记语言)

基础标签

行元素

段落标签

$<p>....</p>$

标题标签<--依次减小-->

$<h1>...<h6>$

字体装饰

<b></b><strong></strong>:字体加粗    
<i></i><em></em>:斜体
<del></del>:删除线
&nbsp; :空格【单标签】
<br>:换行标签【单标签】
<hr>:水平线标签【单标签】

块元素

$$<div></div>$$:容器 分块 让内容更加结构化 
容器：结构化 更容易找到并且分块。

<span></span>: 容器 让内容更加结构化 

有序列表 【很少用】

<ol type="a" reversed="reversed" start="2">
  <li></li> 
  <li></li> 
  <li></li>
<ol>
type="a"{可以替换掉原本数字排列，以英语字母排列}
reversed="reversed"{倒序}
start="2"{从第几个开始排序}

无序列表【常用】

<ul type="square" type="circle">
  <li></li>
  <li></li>
  <li></li>
</ul>

type="square"{实心方形}
type="circle"{空心圆圈}

图片标签

<img src="" alt="">

src="" 图片路径；本地绝对路径/本地相对路径.
alt="" 图片出错时候会出现的信息【图片占位符】
title="" 鼠标挪入图片所提示的信息【图片提示符】

超链接

<a href=""taegrt="_blank"></a>

taegrt="_blank"【使用一个新页面打开】
a标签作用：1.超链接 2.锚点 3.发邮件·打电话 4.协议限定符

表单标签

输入框

<form method="get/post" action="url">
 <p>
  <input type="text" name="">[文本输入框]
 </p>
 <p>
  <input type="password" name="">[密码框]
 </p>
 <p>
  <input type="number" name="">[数字框]
 </p>
 <p>
  <input type="radio/chrckbox" name="" value="">[单选框；name里的值写一样的   就可以实现单选.value=""命值，选中后提交的值。]
 </p>
 <p>
  <input type="checkbox" name="" value="">[多选框]
 </p>

 <input type="submit" value="确认提交">[提交按钮]
 <button>也是提交按钮</button>
 
 <p>
   <input type="reset"/>[重置表单按钮]
 </p>
</form>

name="":数据名称
value="":数据值
chected:默认选项
type="radio":空心圆圈
"chrckbox"：空心方形
method=""：表单数据的提交方式
action=""：接收表单数据的服务器程序的url地址

下拉框

<form>
 <select name="">
  <option value="">...</option>
 </select>
</form>[单一下拉框]
<form>
 <select name="" multiple="multiple">
  <option value="">...</option>
  <option value="">...</option>
  <option value="">...</option>
 </select>
</form>[多选下拉框]

multiple="multiple"：下拉框可多选
selected:重置默认【下拉框才有】
disabled:表示禁用