HTML常用标签

244 阅读2分钟

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>