基本常用标签总结
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-------------文本标签------------->
<h1>标题1</h1>
<h2>标题1</h2>
<b>B标签</b>
<strong>strong标签</strong>
2<sup>3</sup>这是上标
<s>删除线</s>
<br><!--换行-->
<u>下划线</u>
<hr><!--分割线-->
<i>斜体</i> <em>xieti</em>
<p>另起一个自然段</p>
<pre>预格式化标签:
我怎么打的 怎么
显示,忽视空格啥的
</pre>
<!-------------链接标签------------->
<h1 id = "A">标题A</h1><!-- id唯一-->
<a href="1.jpg">显示图片</a>
<a href="下载测试.txt">打开文件</a>
<a href="https:///www.baidu.com" target="_self">打开百度</a>
<a href="https:///www.baidu.com" target="_bank">打开百度(新建一个页面)</a>
<a href="#A">跳转到id的位置</a><!---#找id-->
<!-------------图片标签------------->
<img src="1.jpg" alt="失效代替的">
<!-------------列表标签------------->
<!----------无序列表---------->
<!--type:前面图形类型
circle:圆
disk:碟片
square:方形
-->
<!--a标签、img标签什么的也可以放进去-->
<ul type = "circle">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
<!----------有序列表---------->
<!--type:前面图形类型
1:123
A:ABC
a:abc
I:I、II、III
i:i、ii、iii
-->
<ol type = "i">
<li>A</li>
<li>B</li>
<li>C</li>
</ol>
<!----------自定义列表---------->
<!--type:前面图形类型
1:123
A:ABC
a:abc
I:I、II、III
i:i、ii、iii
-->
<dl>
<dt> 列表标题</dt>
<dd>A</dd>
<dd>B</dd>
<dt> 列表标题1</dt>
<dd>A</dd>
<dd>B</dd>
</dl>
<!----------表格标签---------->
<table width = "200" heigth = "200" border = "1">
<tr></tr>
<td>AA</td>
<td colspan="2">BB</td>
<tr></tr>
<td rowspan="2">DD</td>
<td>EE</td>
<td>FF</td>
<tr></tr>
<td>HH</td>
<td>II</td>
</table>
<!----------表单标签&&文本标签---------->
<form action="后端地址" method="提交方式"></form>
<input type="text" name="与后端参数名一直" value="" placeholder="提示">
<br>
<input type="password" name="与后端参数名一直">
<br>
<input type="count" name="与后端参数名一直" value="">
<br>
<input type="date" name="与后端参数名一直" value="">
<br>
<input type="radio" name="与后端参数名一直" value="boy">男
<br>
<input type="checkbox" name="与后端参数名一直" value="">复选框
<br>
<input type="submit" name="与后端参数名一直" value="提交">
<input type="reset" name="与后端参数名一直" value="重置">
<br>
<select name="class" id="111">
<option value="1">一班</option>
<option value="2">二班</option>
</select>
<!----------iframe标签(在一个页面中嵌入另一个页面)---------->
<br>
<!--src是可以直接把网址放进去,就不用a标签显示了-->
<a href="http://www.baidu.com" target="iframe-test">显示百度</a>
<br>
<iframe name="iframe-test" width="1000" height="1000" src="" frameborder="0"></iframe>
<!----------div和span标签---------->
<div>
<span>hello</span>
<span>world!</span>
</div>
</body>
</html>