HTML文件的书写规范、HTML标签的介绍、HTML标签的语法

最新推荐文章于 2024-07-18 10:51:19 发布

jhan；

最新推荐文章于 2024-07-18 10:51:19 发布

阅读量3.6k

点赞数

分类专栏： JavaWeb-html&CSS 文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_46065214/article/details/126341852

版权

JavaWeb-html&CSS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML文件的书写规范

可以在浏览器页面右击查看源码

<!DOCTYPE html><!--约束或声明-->
<html lang="zh_CN"><!--html标签表示html开始,lang="en"表示英文,lang="zh_CN"表示中文
                        html标签一般分为两部分，分别是head和body-->
<head><!--表示头部信息，一般分为三部分内容，title标签，css样式，js代码-->
    <meta charset="UTF-8"><!--表示当前页面使用UTP-8字符集-->
    <title>标题</title><!--表示标题-->
</head><!--头信息-->
<body><!--body标签是整个html页面显示的主体内容-->
    hello world html
</body>
</html><!--表示页面的结束-->

查看源码：

HTML标签的介绍

1.标签的格式：<标签名>封装的数据</标签名>

2.标签名大小写不敏感(大小写都一样)

3.标签拥有自己的属性

(1)基本属性：如bgcolor="blue" 可以修改简单的样式效果

(2)事件属性：如onclick = "alert('hello')" 可以直接设置响应事件后的代码

4.标签分为，单标签和双标签

(1)单标签格式：<标签名/> 如<br/> 换行 <hr/> 水平线

(2)双标签格式：<标签名>封装的数据</标签名>

展示如下：

HTML标签的语法

1.标签不能交叉嵌套

2.标签必须正确关闭

3.没有文本内容的标签

4.属性必须有值，属性必须加引号

5.注释不能嵌套

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>标签语法</title>
</head>
<body>
<!--标签不能交叉嵌套，正确使用如下-->
<div><span>现在是下午！</span></div>

<!--标签必须正确关闭(闭合),正确如下-->
<div>   </div>

<!--没有文本内容的标签,正确如下-->
<br/>

<!--属性必须有值，属性必须加引号,正确如下-->
<font color="#5f9ea0"> 现在是下午时间</font>

<!--注释不能嵌套,正确如下-->
<!--注释-->

</body>
</html>