HTML笔记

格式化标签

<br>
<hr>
<i></i>
<b></b>
<tt></tt>
<big></big>
<small></small>
<strong></strong>
<sub></sub>
<sup></sup>
<bdo dir="ltr rtl"></bdo>
<pre></pre>
<code></code>
<var></var>
<samp></samp>
<abbr title=""></abbr>
<address></address>
<blockquote></blockquote>
<q></q>
<ins></ins>
<del></del>
<cite></cite>

表单

<form></form>
<input type="" name="" value="">
<textarea></textarea>
<button></button>
<select></select>
<option></option>
<optgroup></optgroup>
<label></label>
<fieldset></fieldset>
<legend></legend>

<ul></ul>
<li></li>
<ol></ol>
<dl></dl>
<dt></dt>
<dd></dd>

<table></table>
<caption></caption>
<tr></tr>
<th></th>
<td></td>

<meter value="" min="" low="" high="" max="" optimum=""></meter>
<progress value="" max=""></progress>

<audio autobuffer autoloop loop controls>
	<source src="/media/audio.oga">
	<source src="/media/audio.wav">
	<object type="audio/x-wav" data="/media/audio.wav" width="290" height="45">
		<param name="src" value="/media/audio.wav">
		<param name="autoplay" value="false">
		<param name="autoStart" value="0">
		<p><a href="/media/audio.wav">Download this audio file.</a></p>
	</object>
</audio>

<video autobuffer autoloop loop controls>
	<source src="/media/video.oga">
	<source src="/media/video.m4v">
	<object type="video/ogg" data="/media/video.oga" width="320" height="240">
	<param name="src" value="/media/video.oga">
	<param name="autoplay" value="false">
	<param name="autoStart" value="0">
	<p><a href="/media/video.oga">Download this video file.</a></p>
	</object>
</video>

<canvas></canvas>

语义化标签

<article></article>
<aside></aside>
<time datetime=""></time>
<summary></summary>
<source src="" type="" media="">
<section></section>
<output name=""></output>
<nav></nav>
<mark></mark>
<keygen keytype="rsa"></keygen>%0
<header></header>
<footer></footer>
<embed src="" type=""></embed>


<address>
	<a href=""></a>
</address>

<select name="" multiple>
	<option value=""></option>
	<option value=""></option>
	<option value=""></option>
</select>

<details open>
	<summary></summary>
	<p></p>
</details>

<form>
	<fieldset>
		<legend>
			<label></label>
			<input type="submit" name="" value="">
			<label></label>
			<input type="submit" name="" value="">
		</legend>
	</fieldset>
</form>


<figure>
	<figcaption></figcaption>
	<img src="" alt="">
</figure>

<input list="" type="" name="" value="">
<datalist id="">
	<option value=""></option>
	<option value=""></option>
</datalist>

废除标签

<big></big>
<center></center>
<font></font>
<tt></tt>
<u></u>
<frameset></frameset>
<frame></frame>

块级

<div></div>
<p></p>
<h1></h1>
<ul></ul>
<ol></ol>
<li></li>
<form></form>
<address></address>

内联inline

<a href=""></a>
<span></span>
<br>
<i></i>
<em></em>
<strong></strong>
<q></q>
<var></var>
<cite></cite>
<code></code>

inline-block

<img src="">
<input type="" name="" value="">

单标签

<br>
<hr>
<img src="">
<input type="" name="" value="">
<link rel="stylesheet" type="text/css" href="">
<meta>
<col>