猿创征文|【HTML】标签学习之路

💖目录

一、HTML语法规范

1.基本语法概述

2.标签关系

二、HTML基本结构标签

1.第一个HTML页面

2.HTML基本结构标签总结

一、HTML语法规范

1.基本语法概述

  • html是由尖括号包围的关键词,列如:<html>
  • html标签通常是成对出现的,列如:<html>和</html>,我们称为双标签。标签对里的第一个标签是开始标签,第二个标签是结束标签。
  • 有些特殊的标签必须是单个标签(极少情况),列如<br />,我们称为单标签。
    <html>开始标签
    </html>结束标签  成对出现
    <br /> 单标签
    

2.标签关系

双标签关系可以分为两类:包含关系并列关系

包含关系(俗称父子关系)

<head>
    <tilte></tilte>
</head>

并列关系(俗称兄弟关系)

<head></head>
<body></body>

二、HTML基本结构标签

1.第一个HTML页面

每个网页都会有一个基本的结构标签(也俗称为骨架标签),页面内容也是在这些基本标签上书写的。HTML页面也称为HTML文档:

HTML标签
标签名定义说明
<html></html>HTML标签页面中最大的标签,我们称为根标签
<head></head>文档的头部注意在head标签中我们必须要设置的标签是title
<title></title>文档的标题让页面拥有一个属于自己的网页标题
<body></body>文档的主体元素包含文档的所以内容,页面内容基本都是放到body里面的

<html>
    <head>
        <title>我的第一个网页</title>
    </head>
    <body>
        人生苦短,我要学前端。
    </body>
</html>

案例:

 

 HTML文档的后缀名必须是.html或.htm,浏览器的作用是读取HTML文档,并以网页的形式显示出它们。此时,我们用浏览器打开这个网页,就可以浏览我们的写的第一个网页了。

2.HTML基本结构标签总结

  • 60
    点赞
  • 48
    收藏
  • 打赏
    打赏
  • 49
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页
评论 49

打赏作者

鱿年年

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值