HTML5基本标签使用
程序员文章站
2022-06-12 13:37:53
...
标题标签
1.标题文字标签
1)h1标题的重要性最高,h6最低。
<body>
<h1>h1标签效果</h1>
<h2>h2标签效果</h2>
<h3>h3标签效果</h3>
<h4>h4标签效果</h4>
<h5>h1标签效果</h5>
<h6>h2标签效果</h6>
</body>
``
2)示例图
![对齐方式示例](https://img-blog.csdnimg.cn/20201030162349569.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUwOTkxNDcz,size_16,color_FFFFFF,t_70#pic_center)
2.标题文字标签对齐方式
```csharp
align="对齐方式"
1)align属性要设置在标题标记的后面
left 左对齐
center 居中对齐
right 右对齐
2)代码演示!
3)效果图
3.段落标签
1)<p>段落正文内容</p>
2)代码<p>我以为我可以坚持</p> <p>后来就没后来了</p>
3)示例
4)p标签属性
align 水平对齐方式
class 设置CSS类
dir文字方向
style设置内嵌样式
title设置工具提示
4.换行标签
1)`文字
换一行
`
2)代码
<body>
程序员<br/><br/>
敲代码是程序员的日常<br/>
程序员也可以精致<br/>
</body>
5.水平标签
1)添加水平线
<hr 属性="属性值">
2)水平线的宽度和高度
<hr width="水平线高度"height="水平线高度"/>
3)水平线的颜色
<hr color="颜色代码"/>
4)水平线对齐方式
<hr align="对齐方式"/>
5)去掉水平线阴影
<hr noshade="noshade"/>
6)hr标签属性
align对齐方式
size线条厚度
width线条长度
color线条颜色
noshade平面显示,取消就有阴影
6.强调标签
和
7.图片标签
1)插入图片
<img src="路径" alt="提示信息" align="对齐方式" border="边框大小"width="宽度"
height="高度"/>
2)图片相对路径
<img src="bgggg.jpg"/>
3)图片绝对路径
http://baidu.com/images/logo.png
4)图片与文本对齐方式
<body>
程序员
<img src="images/le.jpg"alt="顶端对齐"align="top"/>程序员程序员程序员
<hr/>程序员程序员
<img src="images/le.jpg"alt="居中对齐"align="middle"/>敲代码敲代码敲代码
<hr/>程序员程序员敲代码
<img src="images/le.jpg"alt="底端对齐"align"bottom"/>程序员熬夜敲代码
8.超链接标签
1)<a 属性="属性值">链接显示文本</a>
2)相对路径
/*用于访问同一个目录的文件,直接写文件名*/
<a href="a.html">相对路径超链接</a>
/*绝对路径包含目录,"../"访问源文件目录的上一个目录*/
<a href="../a.html"></a>
/*访问下级目录文件*/
<a href="html/a.html"></a>
3)绝对路径
<a href="http://www.qq.com"></a>
上一篇: java:瓷砖铺放(递归)
下一篇: 一个复杂函数的了解为啥就这么难