HTML笔记

语义元素

• 头部 <header></header>
• 尾部 <footer> </footer>
• 导航 <nav> </nav>
• 标题 <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>
• 文章 <article> </article>
• 区段 <section> </section>
• 段落 <p> </p>
• 侧边栏 <aside></aside>
• 细节 <details></detalis>
• 标题（标签包含details元素）<summary></summary>
• 对话框 <dialog></dialog>
• 命令按钮 <command></command>
• 进度 <progress></progress>
• 时间 <time></tiem>
• 链接 <a> </a>
• 带有记号的文本 <mark></mark>
• 计算机代码<code></code>
• 缩写<addr><addr>
• 长引用<blockquote></blockquote>
• 短引用<q></q>
• 定义项目<dfn></dfn>
• 引用、引证<cite></cite>

列表

无序列表

<ul>//ul标签中其子元素只能为li标签
	<li></li>
	<li></li>
	<li></li>
</ul>

有序列表

<ol>//ol标签中其子元素只能为li标签
	<li></li>
	<li></li>
	<li></li>
</ol>

自定义列表

<dl>
	<dt></dt>
	<dd></dd>
	<dd><dd>
	<dt></dt>
	<dd></dd>
	<dd><dd>
</dl>

表单

表单控件有<input />、<datalist></datalist>、<keygen></keygen> 、<output></output>等。
<input />类型有：button、text、radio、checkbox、password、tel、file、search、submit、reset、color、date、datetime、datetime-local、email、hidden、image、month、number、range、time、url、week。
注意：textarea标签中间有空格会出现光标初始位置不在左上角

<form>
	<fieldset>
		<legend></legend>
			<lable> <input type="text" /></lable>//文本框
			<textarea></textarea>//文本域
			<input type="radio" />//单选框
			<input type="checkbox" />//复选框
			<select>//下拉菜单
				<optgroup>
				<option></option>
				<option></option>
				</optgroup>
			</select>
			<input type="submit" />//提交按钮
			<input type="reset" />//重置按钮
	</fieldset>
</form>

表格

<table>
	<caption></caption>//表格的标题
	<thead>
		<tr>
			<th></th>
			<th></th>
			<th></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</tbody>
	<tfoot>
	</tfoot>
</table>

多媒体

插件
<object></object> <embed></embed>
字幕<track></track>
音频

<audio>
	<source></source>	
</audio>

视频

<video>
	<source></source>
</video>

框架
<iframe></iframe>