JavaWeb笔记---html/css基础学习2(HTML文件的书写规范)

最新推荐文章于 2024-10-28 09:56:29 发布

原创最新推荐文章于 2024-10-28 09:56:29 发布 · 209 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

JavaWeb基础知识学习专栏收录该内容

21 篇文章

订阅专栏

本文介绍了HTML的基本结构，包括doctype声明、头部信息、标签格式和语法规则，重点讲解了单标签和双标签的区别，以及如何正确使用注释和属性。

1.书写规范

<!DOCTYPE html>
<html lang="en">  <!--表示整个HTML的开始-->
<head>  <!--头信息-->
    <meta charset="UTF-8">
    <title>Hello World</title>  <!--标题-->
</head>
<body>  <!--body是页面的主体-->
    hello  <!--页面的主体内容-->
</body>
</html>  <!--整个HTML的结束-->

Html 的代码注释 **<感叹号---->**这是 html 注释，可以在页面右键查看源代码中看到

2.HTML标签介绍
(1)标签的格式:<标签名>封装的数据</标签名>
(2)标签名大小写不敏感
(3)标签拥有自己的属性
分为基本属性:bgcolor = "red" 可以修改简单的样式效果
事件属性:onclick = "alert('你好');" 可以直接设置事件响应后的代码
(4)标签又分为,单标签双标签
单标签: <标签名/> 如:br换行 hr水平线
双标签: `<标签名> 封装的数据 </标签名> 如:

封装的数据

3.标签的语法:

    <!--标签不能交叉嵌套-->
    正确:<div><span>早安,打工人</span></div>
    错误:<div><span>早安,打工人</div></span>:但是可以正常运行

    <!--标签必须正确关闭-->
    正确:<div>早安,打工人</div>
    错误:<div>早安,打工人   :可以正常运行

    <!--没有文本内容的标签:-->
    正确 <br/>
    错误 <br>
    <hr/>
    
    <!--属性必须有值,属性必须加引号-->
    正确 <font color="blue">早安,打工人</font>
    错误 <font color=blue>早安,打工人</font>
    错误 <font color>早安,玛卡巴卡</font>
    <hr/>
    
    <!--注释不能嵌套-->
    正确 <!--注释内容--> <br/>
    错误 <!---->里面再涛一个注释符号
    <hr/>
    注意事项:html代码不是很严谨,有时候标签不闭合,也不会报错