欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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)代码演示!

HTML5基本标签使用
3)效果图
HTML5基本标签使用
3.段落标签
1)<p>段落正文内容</p>
2)代码<p>我以为我可以坚持</p> <p>后来就没后来了</p>
3)示例
HTML5基本标签使用
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>
相关标签: html