HTML -- 基础

一、HTML标题

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

<h1> 定义最大的标题（主标题），<h2>为次要标题，以此类推......，<h6> 定义最小的标题。

PS：浏览器会自动地在标题的前后添加空行。

<html>
<body>
<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>
<h4>这是一个标题。</h4>
<h5>这是一个标题。</h5>
<h6>这是一个标题。</h6>
</body>
</html>

运行结果：

这是一个标题。

PS: 请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。

二、HTML段落

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

<html>
<body>
<p>段落1。</p>
<p>段落2。</p>
</body>
</html>

运行结果：

段落1。

段落2。

三、HTML链接

HTML 链接是通过 <a href=xxxx> 标签进行定义的。

<html>
<body>
<a href="http://www.w3school.com.cn">This is a link to w3school</a>
</body>
</html>

运行结果：
This is a link to w3school

PS：在 href 属性中指定链接的地址。

四、HTML图像

HTML 图像是通过 <img src=xxx> 标签进行定义的。

<html>
<body>
<img src="./Cat/61bb1494ly1fzm1ifnfycj20go0ciq8h.jpg" width='164' height='142'>
<img src="file:C:UsersyingDesktopCat61bb1494ly1fzm1ifnfycj20go0ciq8h.jpg" width='164' height='142'>
</body>
</html>

运行结果：

PS：

（1）图像的名称和尺寸是以属性的形式提供的。

（2）上次本地图片可用绝对路径或相对路径；如果图片来源于网络，那么写网络路径。

五、HTML水平线

<hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

<html>
<body>
<p>段落1</p>
<hr />
<p>段落2</p>
<hr />
</body>
</html>

运行结果：

段落1

段落2

六、HTML注释

，在开始括号后面紧跟一个感叹号。

<!-- This is a comment -->

参考：https://www.w3school.com.cn