HTML新人基础学习1.4—添加常用的标签

最新推荐文章于 2024-08-21 15:28:06 发布

网盛数新

最新推荐文章于 2024-08-21 15:28:06 发布

阅读量651

点赞数

分类专栏： html 文章标签： html 标签标签语法

本文链接：https://blog.csdn.net/octopole/article/details/51788574

版权

html 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

HTML的标签是必不可少的东西，这里，我们将为大家添加head、body、标题、段落、图片、按钮标签~~~

关于HTML里常见的一些标签，我们先来直接看段代码，代码如下所示，注意里面的<head> <body> 等标签：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单的网页</title>
<script src="index.js"></script>
</head>
<body>
<h1>故乡</h1>　　　
<p>我在朦胧中，眼前展开一片海边碧绿的沙地来，上面深蓝的天空中挂着一轮金黄的圆月。我想：希望是本无所谓有，无所谓无的。这正如地上的路；其实地上本没有路，走的人多了，也便成了路。</p>
<img src="http://www.mayacoder.com/upload/images/故乡.jpg">

<button id="btn">缩小图片</button>
</body>
</html>

显示如图所示：

分割线-head标签

前面代码提到<head> 标签用于定义文档的头部，它是所有头部元素的容器。描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。

他们各自的作用：
title标签：定义文档的标题；
script标签：引入js文件；
link标签：引入css文件，外联样式；
style标签：内联css样式；
meta标签：提供有关页面的元信息。

一个简单的网页应至少包含：
1.一个title标签来定义文档的标题

2.一个定义文档编码格式的meta标签（<meta charset="UTF-8">）

（PS：UTF-8是万国码，不知道的同学可以去搜索查询下哦。）

分割线-body标签

body 标签包含文档的所有内容（比如文本、超链接、图像、表格和列表等等），所有呈现给用户的内容都应该放到body标签里。

至于标题、段落、按钮等，实际上都是网页的一些内容标签啦~

代码学习尝试，可以从这里开始：

http://www.mayacoder.com/lesson/lesson?lesson_id=27&knowledge_id=6