最新公告
  • 欢迎光临icbug创客,本站所有的文章全部开放!部分资源需付费!立即加入我们会员
  • HTML标签与基本代码结构的规范

    前言

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

    这里我们全都是字!

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

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

    image-20200825165510678

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

    image-20200825165753206

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

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

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

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

    如何写标记

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

    那我们来看一下

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

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

    [wm_yellow]我们使用的标题标签大多都是<h1>标签[/wm_yellow]

    那我们更改一下

    image-20200825170758222

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

    image-20200825170837972

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

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

    image-20200825171129150

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

    完成后如下图

    image-20200825171545934

    然后我们去看一下样式!

    image-20200825171612206

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

    HTML根标签

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

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

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

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

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

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

    Title标签

    Title标签在标题栏中出现!


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

    image-20200825173228787

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

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

    icbug创客严格遵守文章协议!请勿侵犯作者权益复制直接转载,如需转载请标明出处!
    icbug创客 » HTML标签与基本代码结构的规范

    发表评论

    • 650会员总数(位)
    • 189资源总数(个)
    • 3本周发布(个)
    • 0 今日发布(个)
    • 224稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情