HTML学习之-HTML基础

2025-11-23 08:42:21

1、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>

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

</body>

</html>

运行结果如下所示:

HTML学习之-HTML基础

2、HTML段落:HTML 段落是通过 标签进行定义的。

示例代码如下:

<html>

<body>

这是段落。

这是段落。

这是段落。

段落元素由 p 标签定义。 

</body>

</html>

运行结果如下图所示

HTML学习之-HTML基础

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

示例代码如下:

<html>

<body>

<a href="http://www.w3school.com.cn">

This is a link</a>

</body>

</html>

HTML学习之-HTML基础

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

示例代码如下:

<html>

<body>

<img src="/i/eg_w3school.gif

</body>

</html>

运行结果如下:

HTML学习之-HTML基础

5、HTML元素:HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。常用的元素如下图所示,关于元素的具体使用以及用途,我会再下一次的分享中,给大家详细说明。

HTML学习之-HTML基础

1、HTML <!--...--> 标签

用于HTML注释,示例如下:

HTML学习之-HTML基础

2、HTML <abbr> 标签。用于标记一个缩写。示例如下:

HTML学习之-HTML基础

3、HTML <body> 标签

实例

一个简单的 HTML 文档,带有最基本的必需的元素:

HTML学习之-HTML基础

4、HTML <blockquote> 标签

实例

标记长的引用:

HTML学习之-HTML基础

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢