HTML快速笔记

---

常用标签

1. 重要标签：

• <style>样式</style>
• <script>脚本</script>

2. body主要标签：

• <p>段落标签</p>
• 换行：<br>
• <a href="url地址">点击</a>

3. 控件

• 列表：<ul>无序</ul>、<ol>有序</ol>、<dl>标题列表</dl>
• <button>按钮</button>
• <select>选择列表框</select>
• Input：text、password、date、checkbox、radio、….
• <table>表格</table>
• <form>表单</form>
• <textarea>文本输入框</textarea>

4. 控制布局：

• <div>块级元素</div>
• <span>行内元素</span>

5. 图像、音视频

• <img src ="xxx" width="xxx" height="xxx">
• <audio src ="xxx">
• <video src ="xxx">

设置样式：

1. 标签内：<div style="xxx"></div>、<span style="xxx"></span>
2. 引用id：id="xxx"—><style>#xxx{}</style>
3. 引用class：class="xxx"—><style>.xxx{}</style>
4. 引用标签：<xxx></xxx>—><style>xxx{}</style>

引入style和js：

1. 引入其它文件：
   <link rel="stylesheet" type="text/css" href="./main.css" />
<script type="text/javascript" src="./main.js"></script>
2. 本文件：

<style>
.header{
xxx:xxxx;
}
</style>