【HTML学习笔记】HTML教程--基本的 HTML 标签:标题、段落、链接、图像

IIIIIII_II

已于 2024-02-28 13:43:37 修改

阅读量481

点赞数 9

分类专栏： HTML 文章标签： html 笔记

于 2024-02-27 00:30:28 首次发布

本文链接：https://blog.csdn.net/ffffffeiyu/article/details/136306390

版权

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文详细介绍了HTML中的标题标签<h1>至<h6>的使用，段落标签<p>的定义，链接标签<a>的href属性，以及图像标签<img>的src和尺寸属性。提醒读者正确使用这些元素以创建有效和可访问的网页结构。

摘要由CSDN通过智能技术生成

HTML 标题

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

实例

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

</body>
</html>

HTML 段落

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

实例

<html>
<body>

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

<p>段落元素由 p 标签定义。</p> 

</body>
</html>

HTML 链接

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

实例

<html>
<body>

<a href="http://www.baidu.com.cn">
This is a link</a>

</body>
</html>

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

HTML 图像

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

实例

<html>
<body>

<img src="/i/eg_picture.gif" width="300" height="120" />

</body>
</html>

注释：图像的名称和尺寸是以属性的形式提供的。(src width height)