HTML标签与基本代码结构的规范

作者 : icbug 发布时间: 2020-08-25 文章热度:63 共827个字,阅读需3分钟。 本文内容有更新 手机浏览

目 录

前言

上一篇文章我们讲了一下最简单的网页!很多同学就有点懵!这也算是个网页!准确意义来说他确实是个网页,但是吧这个网页并不完整

这里我们全都是字!

我们来看一下我今天给大家准备的示例!

今天我们准备用一首诗来给大家做演示

HTML标签与基本代码结构的规范-icbug创客

那我们来看一下这首诗词有哪几个部分吧

HTML标签与基本代码结构的规范-icbug创客

这就像写文章一样,每一行都有他对应的意义!

那问一下,我们人知道的东西,你不告诉浏览器,浏览器知道吗?

所以我们需要用我们的技术来告诉浏览器去渲染!

所以我们需要添加一个标记来告诉浏览器!

如何写标记

<>首先我们写一个这样的括号,然后标签中我们写标签名,例如<title>这是开始,那结束标签就要</标签名>,两个标签分割后中间是留给我们写内容的!当然并不是所有标签都要写!

那我们来看一下

我们这首诗,标题我们是《沁园春·长沙》

那大家思考一下应该用什么样的方式来做我们的标题标签呢?

我们使用的标题标签大多都是<h1>标签

那我们更改一下

HTML标签与基本代码结构的规范-icbug创客

然后再去查看一下我们的网页!

HTML标签与基本代码结构的规范-icbug创客

可以看到标题已经被h1标签起到放大作用了!

那我们作者可以使用<h2><h3>标签

HTML标签与基本代码结构的规范-icbug创客

然后下面的文字我们需要使用我们的<p>标签,也就是段落标签给它括起来!

完成后如下图

HTML标签与基本代码结构的规范-icbug创客

然后我们去看一下样式!

HTML标签与基本代码结构的规范-icbug创客

可以看到我们的诗已经成型了!

HTML根标签

再讲一下,我们这里正常来说写html代码都要写一个html根标签,根标签顾名思义,只有一个!

内容一定要写到html的里面!

那这里面应该有这几个基本标签<head></head><body></body>这几个html根标签下的子标签!

<head>中我们还有子标签例如:<title>

Tips:HEAD中的内容不会体现在网页中!

而我们的刚刚写的内容都应该放在<body>中,你希望用户看到什么你就放进去就可以了!

Title标签

Title标签在标题栏中出现!


那我们讲完基本的规范以后,我们再去看一下正常最规范的代码应该怎么写?

HTML标签与基本代码结构的规范-icbug创客

ok这就是我们最标准的代码了!

我们下一篇文章接着讲哦!

常见问题FAQ

本站资源是否全部免费?
本站文章和普通速度下载资源免费,高速下载资源和讲解视频需要成为SVIP才能查看哦!
本站采用标准 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明!
icbug创客 » HTML标签与基本代码结构的规范

发表评论

CAPTCHAis initialing...