html中基础元素的简单介绍示例

发布时间:2021-02-25 09:54:41 作者:清风
来源:亿速云 阅读:136

这篇“html中基础元素的简单介绍示例”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“html中基础元素的简单介绍示例”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。

首先,什么是HTML

HTML的全称是:Hypertext Marked Language,即超文本标记语言,是目前在网络上应用最广泛的语言,也是构成网页文档的主要语言,主要用来控制网页的结构。它是由其标签组成的描述性文本。使用HTML语言描述的文件,需要通过WEB浏览器显示出效果。

其次,HTML的结构:

<html><!--开始-->
    <head>
        <!--头部信息,如<title>定义标题-->
    </head>
    <body>
        <!--主体信息,包含网页显示的内容-->
    </body>
</html><!--结束-->

基本上任何的HTML都是由这三个标签组成的;

1.文档的几种基础结构标签:

html中基础元素的简单介绍示例

测试结果:

html中基础元素的简单介绍示例

2.文本格式标签:

html中基础元素的简单介绍示例

3.文字效果标签:

html中基础元素的简单介绍示例

还有其它一些基础的,比如:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>亿速云测试</title>
</head>
<body>
	<b>网页的粗体</b>
	<em>网页的强调</em>
	<i>网页的斜体</i>
	<small>网页的小号字体</small>
	<strong>网页的强调文本,比em强调的更深一点</strong>
	<sub>网页的下标文本</sub>
	<sup>网页的上标文本</sup>
	<ins>网页中已经被插入文档中的文本</ins>
	<del>定义文档中已被删除的文本</del>
	<span>用来组合文档中的行内元素</span>
</body>
</html>

测试结果,如图:html中基础元素的简单介绍示例

4.超链接标签:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>亿速云测试</title>
</head>
<body>
	<a href="http://www.php.cn">亿速云</a>
</body>
</html>

几个简单的标签元素,希望大家都能够熟悉运用。

以上是“html中基础元素的简单介绍示例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. HTML的基础知识介绍
  2. html中DOM模型基础知识介绍

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:html中base标签怎么用

下一篇:HTML5 Canvas API如何制作简单的猜字游戏

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》