html学习笔记
目录
素材来自网络,主要用于自己学习积累,如有侵权,请联系删除
基本结构代码
<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,推荐使用小写
便签属性之间使用空格分隔 ; 先后顺序没有要求
特殊符号
| 特殊符号 | 字符实体 | 特殊符号 | 字符实体 |
| 空格 | | × | × |
| " | " | ÷ | ÷ |
| & | & | ¥ | ¥ |
| < | < | € | € |
| > | > | £ | £ |
| © | © | • | · |
| ® | ® | ™ | ™ |
| ± | ± | § | § |
代码规范
HTML 代码以 Tab 为单位进行缩进，以便于代码的阅读及其后期的维护；
想要进行换行时需要用特定标签 <br> , 回车符在代码中不起作用
想在内容之间留空,直接在中间输入  ,其效果等同于tab
<html>
<head>
<meta charset="utf-8" />
<title>换行符要用br</title>
</head>
<body>
那时我们有梦，关于文学，关于爱情，
关于穿越世界的旅行
如今我们深夜饮酒，杯子碰到一起，
都是梦破碎的声音。
</body>
</html>
<body>
那时我们有梦，关于文学，关于爱情，
关于穿越世界的旅行<br />
如今我们深夜饮酒，杯子碰到一起， 
都是梦破碎的声音。<br />
</body>
head标签下的子标签
title标签 设置页面标题
meta标签 设定字符集或关键字 utf-8 为中文转码
<head>
<meta charset="utf-8" />
<title>我要成为前端程序员</title>
</head>
body标签子标签
内容最多,需求最多,这里只记录常用标签,并不定期更新
成对标签
字体设置标签 b 字体加粗 i 字体倾斜 del 字体上加删除线
<html>
<head>
<meta charset="utf-8" />
<title>我要成为前端程序员</title>
</head>
<body>
<b>那时我们有梦</b> <!--字体加粗-->
<i>关于文字</i><!--字体倾斜-->
<del>关于爱情</del><!--字体上带有删除线-->
</body>
</html>
