1-2、HTML5基础+元素
(1)HTML 标题
HTML 标题(Heading)是通过<h1> - <h6>
标签来定义的。
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web前端</title>
</head>
<body>
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
</body>
</html>
效果:
(2)HTML 段落
HTML 段落是通过标签<p>
来定义的。
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web前端</title>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>
效果:
(3)HTML 链接
HTML 链接是通过标签<a>
来定义的。
提示:在href
属性中指定链接的地址。
代码:
<body>
<a href="https://www.ictliuxiao.com">这是一个链接</a>
</body>
</html>
效果:
(4)HTML 图像
HTML 图像是通过标签<img>
来定义的。
注意: 图像的名称和尺寸是以属性的形式提供的。
代码:
<body>
<img src="images/one.png" />
</body>
</html>