HTML 常用标签用法
1、标题标签(块级元素)
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6 align="对齐方式">六级标题</h6>
align 对齐方式有三种:
-
left:设置标题文字左对齐(默认值)
-
center:设置标题文字居中对齐
-
right:设置标题文字右对齐
2、段落标签(块级元素)
<p>我是第一段文字,第一自然段</p>
<p>我是第二段文字,第二自然段</p>
<p>我是第三段文字,第三自然段</p>
<p>我是第四段文字,第四自然段</p>
3、换行标签
在一段文字结尾处加上 <br/>即可换行
4、水平线标签(块级元素)
正文内容
<hr/>
正文内容
<hr 属性="属性值"> 属性与属性值见下表
| 属性名 | 含义 | 属性值 |
|---|---|---|
| align | 设置水平线对齐方式 | "left" "right" "center" |
| size | 设置水平线的粗细 | 以像素(px)为单位,默认为2像素 |
| color | 设置水平线的颜色 | 颜色名称、十六进制、RGB |
| width | 设置水平线的宽度 | 可以是确定的像素值,也可以是浏览器窗口的百分比(默认为100%) |
5、文本格式化标签 (行内元素)
<strong>加粗</strong>
<ins>下划线</ins>
<em>斜线</em>
<del>删除线</del>
6、图片标签(行内元素)
<img src="此处填写图片路径" alt="此处填写替换文本,图片加载失败时才会显示,图片加载成功则不会显示"
title="鼠标放在图片上就会显示此段文本" width="图片宽度" height="图片高度" />
<img src="" alt="" title="" width="" height="" />
7、音频标签(行内元素)
<audio src="音频文件路径" controls autoplay loop></audio>
| 属性 | 功能 |
|---|---|
| src | 音频的路径 |
| controls | 显示播放的控件 |
| autoplay | 自动播放 |
| loop | 循环播放 |
8、视频标签(行内元素)
<video src=".\video\mv.mp4" controls autoplay loop></video>
| 属性 | 功能 |
|---|---|
| src | 视频路径 |
| controls | 显示播放控件 |
| autoplay | 自动播放 |
| loop | 循环播放 |
9、链接标签(行内元素)
外部链接:<a href="https://www.baidu.com/" target="_blank">百度一下</a>
内部链接:<a href="./目标网页.html" target="_blank">目标网页</a>
链接标签的 target 属性
| 取值 | 效果 |
|---|---|
| _self | 在当前窗口中跳转(覆盖原网页) |
| _blank | 在新窗口中跳转(保留原网页) |
<a href="#">空链接</a>