文字段落相关标签

<b>加粗文本</b>  （bold---加粗）

<i>斜体文本</i>  （Italic--斜体）

<p>添加段落</p>

<q>引用语</q>

<q>Build a future where people live in harmony with nature.</q>We hope they succeed.</p>呈现：WWF‘s goal is to: Build a future where people live in harmony with nature.We hope they succeed.

<br />空标签，换行标签，可插入一个换行符---又称半个标签，在不产生一个新段落的情况下进行，换行（新行）的情况下，可单独使用，称为折行     

<hr />水瓶分割线标签，几插入一条分割线---又称半个标签

<code>电脑自动输出</code>

 下标

 上标

<pre></pre>预格式文本，可在代码中对空行及空格进行控制

<bdo dir="rtl">文字从左往右显示</bd>

<del>blue</del>  blue 删除文字效果

<ins>red</ins>    red  插入文字效果  

<font> 定义字体大小—size  颜色—color  样式—face

空格标签：&nbsp

<!--这是一个注释-->为前端服务，提醒与程序相关的信息，不在网页中显示

1.超链接 <a> 

跳转页面（HTTP GET 请求）

　　（1）target

 　　　　　　_blank   在新的空页面打开

 　　　　　　_self   覆盖当前页面

　　　　　　_parent   父级浏览打开

　　　　　　_top   顶级浏览打开

　　（2）download

<a href="XXXX" dowmload>下载</a>

　　（3）href

<!-- 返回页面顶部 --><a href="#">XXX</a><a href="#top">XXX</a><!-- 注：锚点不发起请求，仅页面跳转 --><!-- 发起请求--><a href="?name=who">XXX</a>

　　（4）伪协议

<!-- 执行一段js代码 --><a href="javascript:alert(1)">XXX</a><!-- 点击后什么都不会发生 --><a href="javascript:;">XXX</a>

　　（5）无协议地址

<a href="//qq.com">XXX</a>

　　　　需要安装工具：

安装
npm i -g http -server

清理缓存：
http -server -c -l

使用：
http -server

　　（6）相对路径

<a href="XXX.html">XXX</a><!-- 跳转到/XXX.html，只以目录为参考 -->

2. iframe

　　嵌套页面

<iframe src="https://www.baidu.com" name="xxx" frameborder="0"></iframe><!-- frameborder清除边框 -->

3. form

　　跳转页面

　　与a标签的区别：a发起get请求，form发起post请求；get获取内容，post上传内容，get会将参数放在默认参数中，post默认将参数放在第四部分

<form action="users"> <input type="submit" value="提交" meta="post"><form><!-- 提交给users --><form action="users"> <input type="text" name="username"> <input type="password" name="password"> <input type="submit" value="提交"></form>

4.input

　　*注意：

　　（1）input是空标签，button不是空标签

　　（2）若form里面只有一个按钮<button>提交</button>，那么button会自动升级成提交按钮（默认升级为submit）

　　（3）在没有submit的前提下，若是<button type="XXX"></button>，则按照type中的内容定义button，此时form中没有提交按钮

　　（4）使用input标签时，type=submit是唯一确定form能不能提交的按钮，type=button是普通按钮，无提交功能

　　（5）label的使用是为了提高用户体验，代码如下：

<!-- 方法一 --><input id="YYY" type="radio" name="XXX"><label for="YYY">选择</label><!-- 方法二 --><label><input type="radio" name="XXX"></label>

5.select　

　　下拉列表

<select name="XXX" multiple> <option value="">-</option> 空 <option value="1">第一组</option> 正常 <option value="2" disabled>第二组</option> 不能选 <option value="3" selected>第三组</option> 默认选中<!-- multiple 所选，按住ctrl点击 -->