本章主要内容
- 什么是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>
爱爱爱爱爱爱 | 啊啊啊啊 | 啊啊啊啊啊啊啊 |
苏打水 | 大苏打 | 大苏打 |
阿大使 | 苏打水ads | 大苏打 |
打算 | sdas | 大苏打 |
锚
下载
邮箱
时间: 2024-10-10 14:49:31