a标签href不跳转_HTML常用标签

1.HTML骨架

2.标题标签

head 单词缩写h，<h1><h2><h3><h4><h5><h6>作为标题使用并且依据重要性递减

3.段落标签

paragraph段落的缩写<p></p>

水平线标签<hr/>;换行标签<br/>

4.文本标签

<b></b>

<strong></strong>比前者多了一个语气上加粗的含义

5.列表标签

【有序列表ol 】（order list）

<ol>

<li>一</li>（list item）

</ol>

【无序列表ul】（unorder list）

<ul>

</ul>

6.图片标签

7.表格标签

a.<thead></thead>缩写 <th></th>表头

b.<tbody></tbody>

c.<tfoot></tfoot>

<tr></tr>table raw 行

<td></td>table data值

形成表格

8.iframe 标签

嵌套页面,宽高自己决定是一个可替换标签

<iframe src="https://www.baidu.com" name="xxx"></iframe>

当与<a>标签一起使用时，如下a标签要在name为test的窗口打开

9.<a>标签

标签打开的几种方式

 <a href="http://qq.com" target="_blank"></a>   在新开页面中打开<a href="http://qq.com" target="_self"></a>    在当前页面中打开<a href="http://qq.com" target="_parent"></a>  在上级页面中打开<a href="http://qq.com" target="_top"></a>     在顶层窗口中打开

用a标签下载

<a href="http://qq.com" download>下载</a> COtent-type:text/html

a标签中的herf链接该怎么写

 <a href="http://qq.com" download>QQ</a> <a href="https://qq.com" download>QQ</a><a href="//qq.com" download>QQ</a> 无协议是当前文件是什么协议就按照什么协议

当href为?name=xxx;或相对路径./xxx.html会直接加在域名后面；只有当href为锚点#xxx;不发出请求

当href为伪协议

<a href="javascript:;alert(1)">QQ</a> 点击后但什么都不做

10.form标签

a标签和form标签同时都能跳转页面，但是a标签是HTTP get请求，而form标签是HTTP post请求

form标签里必须有提交按钮

<form action="test" method="POST"><input type="text" name="username"><input type="password" name="password"><input type="submit" value="提交">
</form>

这里username=123&password=456会到请求的第四部分

form中的target同a标签一样

11.input标签

button如果没有写type会自动升级成提交按钮，如果写了type按照type来

<button>button</button>
<input type="submit" value="button">

checkbox 多选框，同属于同类的使用同一个name

 <label>用户名<input type="text" name="username"></label><label>密码<input type="password" name="password"></label><label><input type="checkbox" name="fruit" value="apple">苹果</label><label><input type="checkbox" name="fruit" value="orange">橙子</label>

<label>标签包起来时可以使点击文字部分即可勾选

radio 单选框，使用同一个name时只能选择单个，提交结果到服务器

<label><input type="radio" name="loveme" value="yes">Yes</label>
<label><input type="radio" name="loveme" value="no">No</label>

select标签

<select name="group"><option value="">-</option><option value="1">第一组</option><option value="2">第二组</option><option value="3" disabled>第三组</option> 不可选<option value="4" selected>第四组</option> 默认选中
</select>