本章主要内容
- 什么是HTML
- html的基本结构
- 标签
- 列表标签
- 定义列表
- 图像标签
- 超链接标签
- 修饰标签
- 特殊符号
一、什么是HTML
- HTML是用来描述网页的一种语言。
- HTML 指的是超文本标记语言（Hyper Text Markup Language）
- HTML 不是一种编程语言，而是一种标记语言（markup language）
- 标记语言是一套标记标签（markup tag）
- HTML 使用标记标签来描述网页
二、基本结构
由 html head body 三部分组成
<!DOCTYPE html> <!-- 声明是html格式 --> <html> <head> <title>hello</title> <!-- 页面的标签--> <meta charset="utf-8"> <!-- 中文防止乱码 --> </head> <body> <!-- 页面的内容 --> <p>hello,你好。</p> </body> </html>
三、简单的标签
<h1>Hello</h1> <!-- 标题标签 --> <p>hello,你好。</p> <!-- 段落标签 --> <pre></pre> <!-- 保持文本格式 --> <br/> <!-- 换行 --> <hr/> <!-- 水平线 -->
四、列表标签
- 无序列表
type='disc'('square'、'circle')，分别对应 圆点、方块、空心圆；
<ul> <li></li> <li></li> <li></li> <li></li> </ul>
- 有序列表
type='1' ('a'、'A'、'i'、'I')
<ol> <li></li> <li></li> <li></li> <li></li> </ol>
五、定义列表
<dl> <dt>支付方式</dt> <dd>货到付款</dd> <dd>在线支付</dd> <dd>分期付款</dd> </dl>
六、图像标签
<img src="url" alt="图片提示文字" height="50" width="50">
七、超链接标签
- 超链接
<a href="https://www.baidu.com/"></a>
不会跳转 但会保留超连接的其他属性
<a href="#"></a>
| 属性 | 内容 | 解释 |
| href | 连接的地址 | 大苏打 |
| target | 打开的方式 | _self、_blank、_top、_parent |
| title | 连接的提示 | 鼠标放在连接上会有提示 |
| name | 指定自己的锚名 | 发辫其他a标签跳过来 |
- 锚
...
- 下载
一般的文件都是rar格式
- 邮箱
<a href="mail:邮箱地址"></a>
八、修饰标签
<i>斜体</i><em>斜体</em> <b>加粗</b><strong>加粗</strong> <sub>下标</sub> <sup>上标</sup> <ins>下划线</ins> <del>删除线</del>
九、特殊符号
| < | < |
| > | > |
| ® | ® |
| © | © |
| ™ | TEL |
| | space |