HTML基础
- 作者: A老王啊
- 来源: 51数据库
- 2021-07-29
HTML标题
HTML标题是从 h1-h6来定义的 h7以后的相当于没有格式。
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>这是一个h1标题</h1>
<h2>这是一个h2标题</h2>
<h3>这是一个h3标题</h3>
<h4>这是一个h4标题</h4>
<h5>这是一个h5标题</h5>
<h6>这是一个h6标题</h6>
<h7>这是一个h7标题</h7>
</body>
</html>
结果为
HTML段落
HTML中的段落是用p来定义的
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>这是一个段落</p>
<p>这是另一个段落</p>
</body>
</html>
结果为
HTML超链接
HTML链接是通过a标签来定义的
例如
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="https://www.baidu.com">点一下这里进入百度</a>
</body>
</html>
结果为
功能性超链接
用电脑点击邮箱可以直接进入电脑的邮箱软件
用手机点击打电话可以直接进入拨号页面，但必须电脑和手机在同一局域网下（例如同一热点）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="mailto:1132235434@qq.com">点击这里进入本电脑邮箱</a>
<a href="tel:13985274135">点击这里直接打开拨号页面</a>
</body>
</html>
结果为
HTML图像
HTML图像是用img标签来定义的
例如
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="./tv01.jpg" alt="">这是一个电视机
</body>
</html>
结果为
HTML基本标签与特殊字符
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<strong>这是 一个段落</strong> <br>
<strong>这是一个段落</strong>
<hr>
>这是一个大于号
<这是一个小于号
"这是一个等号
©这是版权符号
</body>
</html>
结果为
推荐阅读
