html学习笔记

最新推荐文章于 2023-01-12 15:14:08 发布

不会起名字啦

最新推荐文章于 2023-01-12 15:14:08 发布

阅读量164

点赞数

分类专栏： html基础文章标签： html

本文链接：https://blog.csdn.net/weixin_50776418/article/details/112531103

版权

html基础专栏收录该内容

1 篇文章 0 订阅

订阅专栏

meta标签设定字符集或关键字 utf-8 为中文转码

body标签子标签

成对标签

素材来自网络,主要用于自己学习积累,如有侵权,请联系删除

基本结构代码

<html>
	<head>
		
	</head>
	<body>
		网页正文
	</body>
</html>

1.<html>与</html>用来标记HTML文档的开始和结束；

2.<head>与</head>用来标记HTML文档的头部开始和结束；

3.<body>与</body>用来标记HTML文档的主体开始和结束

注释,注释内容用于前端程序员观看,不会在浏览器页面出现

<!--注释内容-->

便签分类

单标签：标签单独出现，语法：   <标签名 属性1="***"  属性2="####"/>    <input type="checkbox"/>
 
双标签：标签成对出现，语法：   <标签名 属性1="***"  属性2="####">内容</标签名>  <html> <html/>

html标签中的标签名不区分大小写,为了符合W3C,推荐使用小写

便签属性之间使用空格分隔 ; 先后顺序没有要求

特殊符号

特殊符号	字符实体	特殊符号	字符实体
空格	&nbsp;	×	×
"	"	÷	÷
&	&	¥	¥
<	<	€	€
>	>	£	£
©	©	•	&middot
®	®	™	™
±	±	§	§

代码规范

HTML 代码以 Tab 为单位进行缩进，以便于代码的阅读及其后期的维护；

想要进行换行时需要用特定标签 <br> , 回车符在代码中不起作用

想在内容之间留空,直接在中间输入 &nbsp,其效果等同于tab

<html>
	<head>
		<meta charset="utf-8" />
		<title>换行符要用br</title>
	</head>
	<body>
		那时我们有梦，关于文学，关于爱情，
		关于穿越世界的旅行
		如今我们深夜饮酒，杯子碰到一起，
		都是梦破碎的声音。
	</body>
</html>

<body>
		那时我们有梦，关于文学，关于爱情，&nbsp;
		关于穿越世界的旅行<br />
		如今我们深夜饮酒，杯子碰到一起，&nbsp &nbsp;
		都是梦破碎的声音。<br />
	</body>