html标签
1.主体标签
| Tags | 作用/意义 |
|---|---|
| <html></html> | 定义整个html文档 |
| <head></head> | 文档头标题 |
| <title></title> | 文档标题 |
| <body></body> | 文档主体 |
| <style></style> | 文档样式 |
| <meta> | 文档信息 |
2.文本标签
| Tags | 作用/意义 |
|---|---|
| <h1></h1>~<h6></h6> | 六级标题 |
| <hr> | 分页线 |
| <br> | 换行符 |
| <p></p> | 段落标签 |
| <strong></strong> | 文本加粗 |
| <em></em> | 文本倾斜 |
| <ins></ins> | 插入线 |
| <del></del> | 删除线 |
| <sup></sup> | 上标 |
| <sub></sub> | 下标 |
| <button></button> | 点击按钮 |
| <figure> <img><figcaption> </figcaption></figure> | 图片显示 |
3.列表标签
| Tags | 作用/意义 |
|---|---|
| <ol></ol> <ul></ul> | 定义列表 |
| <li></li> | 一行的内容 |
| <dl><dt></dt></dl> | 自定义列表 |
注意:
<ol>和<ul>与<li>搭配使用
<dl>和<dt>搭配使用
4.链接标签
| Tags | 作用/意义 |
|---|---|
| <a></a> | 1.页面链接;2.锚点链接 |
5.脚本编程
| Tags | 作用/意义 |
|---|---|
| <script></script> | 内容编程的标签 |
6.块与
| Tags | 作用/意义 |
|---|---|
| <div></div> | 块标签 |
| <span></sapn> |
7.内部框架
| Tags | 作用/意义 |
|---|---|
| <iframe></ifranme> | 内部框架插入其他页面 |
8.视频与音频
| Tags | 作用/意义 |
|---|---|
| <audio> <source> </audio> | 音频标签 |
| <video> <source> </video> | 视频标签 |
9.表单
| Tags | 作用/意义 |
|---|---|
| <form></form> | 表单标签 |
| <fieldset></fieldset> | 表单分块 |
| <legend></legend> | 分块表单的标题 |
| <textarea></textarea> | 文本内容 |
| <select><option></option></select> | 多个选择 |
| <input> | 选择标签,内置属性type的值不同功能不一样 |
| type="text" | 文本框 |
| type="password" | 密码输入框 |
| type="radio" | 单选 |
| type="checkbox" | 多选 |
| type="date" | 日期 |
| type="tel" | 电话 |
| type="email" | 邮件 |
| type="file" | 头像 |
| type="number" | 数字 |
| type="submit" | 提交 |
| type="reset" | 重置 |
10.表格
| Tags | 作用/意义 |
|---|---|
| <table></table> | 定义表格 |
| <tr></tr> | 表格行 |
| <td></td> | 表格列 |