1、HTML简介
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
2、 结构语义标签:(常用)
- <!DOCTYPE>:声明
- <html> : 网页根元素
- <head>:头部
- <body>:内容
3、头部标签:(常用)
- <title>:标题
- <meta> :元信息
- <link>:样式表
- <style>:样式代码
- <script>:脚本
4、基础标签:(常用)
- <!– –> :注释
- <h1>~<h6>:标题
- <p> : 段落
- <a>:链接
- <img>:图片
- <br/> : 换行
- <hr/>:水平线
5、表格标签:(常用)
- <table>:定义表格
- <thead>:表格页眉
- <tbody>:表格内容
- <tfoot>:表格页尾
- <caption>:表格标题
- <th>:表格表头
- <tr>:表格行
- <td>:表格单元(列)
- <colgroup>:表格组
6、列表标签:(常用)
- <ol>:有序列表
- <ul>:无序列表
- <li>:列表项
- <dl>:自定义列表
- <dt>:自定义列表项目
- <dd>:自定义列表描述
7、表单标签:(常用)
- <form>:定义表单
- <input>:表单输入域,type属性定义域类型
文本 – text
密码 – password
复选 – checkbox
单选 – radio
按钮 – button、submit、reset
日期 – date、datetime、month、week
邮箱 – email - <select>:下拉列表
- <textarea>:文本域
- <button>:按钮
8、区块标签:(常用)
- <div>:块元素
- <span>:行内元素
9、框架标签:(不推荐使用)
- <frameset>:框架结构标签
- <frame>:框架
- <noframes>:框架不兼容情况处理
- <iframe>:内联框架(与frameset相比,推荐使用 iframe)
10、实体符号:(常用)
- – 空格
- < – 小于号
- > – 大于号
- & – 与符号
- " – 引号
- ¥ – 元(人民币符号)
- © – 版权符号
- ® – 注册商标
- ™ – 商标
- × – 乘号
- ÷ – 除号
11、标签属性:(常用)
- id
- class
- title
- href(a标签)
- target(a、iframe标签)
- style
- align(被样式取代)
- src (图标标签)
12、文档类型声明:(常用)
- HTML 5
<!DOCTYPE html> - HTML 4.01
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> - XHTML 1.0
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
13、格式化标签:(该部分标签不常用,可被CSS样式取代)
- <big>:大号文字
- <small>:小号文字
- <i>:倾斜
- <em>:着重语气(倾斜效果)
- <b>:加粗
- <strong>:加重语气(加粗效果)
- <sub>:文字下标
- <sup>:文字上标
- <ins>:插入字
- <del>:删除字