HTML语法规范及基本结构标签

目录

HTML语法规范:

基本结构标签(骨架标签):

HTML语法规范:

  1. html标签是由尖括号包括起来的关键词
  2. html标签通常成对出现,如<html>和< /html>,为双标签,前面为开始标签,后面为结束标签;也有特殊的标签是单个标签,如<br/>,为单标签
  3. 标签关系可分为两类:包含关系并列关系,如:
  • <head>                                                      <title> </title>
  •             <title>  </title>                               <body></body>
  • </head>

                      包含关系                                              并列关系

基本结构标签(骨架标签):

<html>

          <head>

                          <title>标题 </title>

          </head>

          <body>

                        键盘敲烂,月薪过万

          </body>

</html>

 

可以在记事本中写出我们的第一个网页,敲出基本结构标签后,一定要将文件后缀改为.html,然后双击进入创建的网页

实际上,我们在前端开发工具上是不需要一个字母一个字母的敲出每个代码的。以VScode为例:当输入 ! ,并按回车后,会自动生成基本结构标签(一定要注意的是,标点符号必须是英文标点符号!!!)

自动生成的基本结构标签中多出来的标签含义:

<!DOCTYPE html>  //目前是HTML5版本

<html lang="en">

<head>

    <meta charset="UTF-8">  //必须写这行代码,否则会出现乱码

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

   

</body>

</html>

<!DOCTYPE>:文档类型声明标签,告诉浏览器使用哪个版本HMTL显示网页,位于文档中的最                             前面,在<html>标签之前,不属于HTML标签

lang:定义当前文档显示的语言。en为英语、zh-CN为中文

在<head>标签内,通过<meta>标签的charset属性规定HTML文档使用那种字符编码

charset(字符集)常用的值有:GB2312、BIG5、GBK和UTF-8,其中UTF-8为万国码,基本包含了全世界所有国家所需要用的字符

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值