学习HTML之路2-CSDN博客

本文链接：https://blog.csdn.net/Protinx/article/details/121316649

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Protinx</title>
</head>

<body>

   <h1>protinx</h1>
   <h2>protinx</h2>
   <h3>protinx</h3>
   <h4>protinx</h4>
   <h5>protinx</h5>
   <h6>protinx</h6>

</body>

</html>

运行结果：

HTML 段落

HTML 段落是通过标签 <p> 来定义的。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Protinx</title>
</head>

<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>

</html>

HTML 链接

HTML 链接是通过标签 <a> 来定义的。提示:在 href 属性中指定链接的地址。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Protinx</title>
</head>

<body>
<a href="https://blog.csdn.net/Protinx?spm=1001.2101.3001.5343">这是一个链接使用了 href 属性</a>


</body>

</html>

HTML 图像

HTML 图像是通过标签 <img> 来定义的. 图像的名称和尺寸是以属性的形式提供的。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Protinx</title>
</head>

<body>
<img src="酷狗音乐.lnk" width="345" height="432">

</body>

</html>