HTML&&CSS基础语法总结

传送门

https://blog.csdn.net/weixin_49343190/article/details/107314236?spm=1001.2014.3001.5501

HTML

HTML书写规范

在这里插入图片描述

HTML标签

介绍

1.标签的格式:
<标签名>封装的数据</标签名>
2.标签名大小写不敏感。
3.标签拥有自己的属性。
i.分为基本属性: bgcolor=“red” 可以修改简单的样式效果
ii.事件属性:οnclick="alert( "你好! '); " 可以直接设置事件响应后的代码。
4.标签又分为,单标签和双标签。
i.单标签格式:<标签名/> br换行hr水平线
ii.双标签格式:<标签名> …封装的数据…</标签名>
在这里插入图片描述

语法

<!DOCTYPE html>
<span>
<head>
<meta charset="UTF-8">
<title>0-标签语法.html</title>
</head>
<>

	<!-- ①标签不能交叉嵌套 -->
	正确:<div><span>早安,尚硅谷</span></div>
	错误:<div><span>早安,尚硅谷</div></span>
	<hr />

	<!-- ②标签必须正确关闭 -->
	<!-- i.有文本内容的标签: -->
	正确:<div>早安,尚硅谷</div>
	错误:<div>早安,尚硅谷
	<hr />

	<!-- ii.没有文本内容的标签: -->
	正确:<br />
	错误:<br >
	<hr />

	<!-- ③属性必须有值,属性值必须加引号 -->
	正确:<font color="blue">早安,尚硅谷</font>
	错误:<font color=blue>早安,尚硅谷</font>
	错误:<font color=>早安,尚硅谷</font>
	<hr />

	<!-- ④注释不能嵌套 -->
	正确:<!-- 注释内容 --> <br/>
	错误:<!-- 注释内容<!-- 注释内容 --> --> <br/>
	<hr />
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_52934831/article/details/121054468
今日推荐