4.HTML语法规范

HTML(Hyper Text Markup Language):超文本标记语言

1. HTML基本语法概述

  1. HTML标签是由尖括号包裹的关键词,例如<html>
  2. HTML标签一般都是成对出现的,例如<html></html>,我们称之为双标签,标签中的第一个标签为开始标签,第二个标签是结束标签,
  3. 有些特殊的标签必须是单个标签例如<br \>,我们称之为单标签

2. 标签关系

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

包含关系<title>标签嵌套到<head>标签中

<!--头部标签-->
<head>
    <meta charset="UTF-8">
    <!-- 标题标签   -->
    <title>Title</title>
</head>

 并列关系:<head>和<body》是并列一起的

<!--头部标签-->
<head>
    <meta charset="UTF-8">
    <!-- 标题标签   -->
    <title>Title</title>
</head>
<!--文档的主体-->
<body>

</body>
  • 如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位(一个tab是4个空格)。如果是并列关系,最好上下对齐。

 

3.  HTML骨架主体

HTML 页面也称HTML文档;

<!DOCTYPE html>
<!-- 页面中最大的标签 根标签-->
<html lang="en">
<!--头部标签-->
<head>
    <meta charset="UTF-8">
    <!-- 标题标签   -->
    <title>Title</title>
</head>
<!--文档的主体-->
<body>

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

新建一个txt文件,输入以下内容

 再将.txt文件后缀改成.html打开

点击右键查看源代码,即可查看html文档

 4. HTML标签总结

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值