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>

效果: