HTML常用标签

HTML常用标签

p 标签，使文本独占一行显示。

<p>独占一行，成段展示</p>

标题标签：共6级，常用1~3级标签，更多的是需要它的强调语义。

<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>

a 标签 主要作用作为超链接使用。

<a href="https://www.XXXX.com">网站</a>

ul li 无序列表

<ul>
	<li>苹果</li>
	<li>橘子</li>
	<li>香蕉</li>
</ul>

ol li 无序列表

<ol>
	<li>内容</li>
	<li>内容</li>
	<li>内容</li>
	<li>内容</li>
</ol>

div 及 span 标签，无任何语义，极其适合做容器。

<div></div>
<span></span>

form 表单，能发送数据 。
method 发送数据的方式 get/post，
action 发送给谁的地址，
发送数据需要值value和名称name 。

<form method="get" action="http://www.XXXX.com/777.php">
	<p>
		username:<input type="text" name="luoshiyan">
	<p/>
	<p>
		passwrod:<input type="password" name="password">
	<p/>
	<p>
		<input type="submit" value="login">
	<p/>
</form>

input 标签，选项表。

<p>
	1.小李子<input type="radio" name="star" ualue="xiao">
</p>
<p>
	2.小桂子<input type="radio" name="star" ualue="bei">
</p>
<p>
	3.小过过<input type="radio" name="star" ualue="fneg">
</p>
<p>
	<input type="submit" value="确定">
</p>

img标签，图片标签。

<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.17qq.com%2Fimg_qqtouxiang%2F89769194.jpeg&refer=http%3A%2F%2Fwww.17qq.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1617771594&t=2232a023880c60990c99c530e5309530" width="100px" alt="小猫" title="这是一只猫">

br标签 换行标签

<br>

hr 水平线标签

<hr>

address 地址标签

<address></address>

sup 上标标签， sub 下标标签。

X<sup>2</sup> + Y<sup>2</sup>
H<sub>2</sub>O + CO<sub>2</sub>	

per 及 code 标签，最大作用就是能够保留格式，不会忽略多个空格，适合用来表示一段代码，保留格式。

<pre>
	window.onload = function(){
		alert("Hello World");
	};
</pre>


<code>
	window.onload = function(){
		alert("Hello World");
};
</code>

strong 标签，带加粗样式，现更看重它的强烈强调语义。

<strong>语义上的强烈强调</strong>

em 标签，斜体样式，有强调语义的作用。

<em>语义上的强调</em>

cite 书名号标签

<cite>《论语》</cite>

中划线标签

<del>399元</del>