盖个楼，记录我的HTML学习历程

全程自学，盖个楼记录一下，看我能坚持多久

第二课，网页简史
1.历史1991.8.6，世界上第一个服务器和第一个网站在欧洲核电子研究中心上线；
2.浏览器和网页前端工程师负责编写网页的源代码，而浏览器将负责将网页渲染成我们想要的样子；
3.浏览器存在的问题在万维网初期，网页编写没有规则，不同浏览器显示的效果不同，开发者建立W3C规则，制定网页开发的标准；
4.基于W3C标准的网页的构成：结构，表现，行为

不感兴趣

开通SVIP免广告

第六课，自结束标签和注释
1.标签类型开始+结束标签（一般为此类成对出现）自结束标签；
2.注释 PS：注释是不可嵌套的

第七课，标签中的属性
1.属性在标签中可以设置属性，属性应该用空格和其他属性或者标签隔开，另，属性的编写应参照相关文档；
2.属性的规则部分属性有属性值，部分没有，对于有属性的属性值应当使用引号引起来。

第八课，文档声明
1.文档声明的缘由由于HTML语言升级迭代的原因，需在HTML编写前进行文档声明，以告知浏览器当前的网页版本；
2.HTML5文档声明方式：<!DOCTYPE HTML>
PS：声明应写在HTML开始之前，不属于HTML结构，另，不区分大小写。

第九课，关于进制
1.所有数据在计算机中都会以二进制的方式进行存储。最小单位为1位(bit)8bit = 1byte（字节，bit不可直接操作，最小操作单位为byte）1024byte = 1kb 1024kb = 1mb
2.这东西学了感觉没多大用处，不搞科研

第十课，字符编码
1.字符编码编码：将字符转换为二进制码的过程解码：将二进制码转换为字符的过程PS：若编码/解码不参照同一标准（字符集），则造成乱码；
2.常见字符集ASCIIGB2312 UTF-8（最广，万国码）GBK；
3.设置字符集内容：<meta charset="utf-8">，位置：写在<head></head>中

第十一课，文档的使用
1.<title><title>中的内容会显示在浏览器的标题栏，搜索引起主要根据此标签中的内容来判断网页的主要内容(SEO常见)；
2.<body>网页中所有的可见内容应写在此标签中；
3.<h1>此标签为网页中的一级标题；
4.文档由于标签过多，无法完全记忆，建议使用离线文档进行查询。

不感兴趣

开通SVIP免广告

第十二课，VSCODE的安装
1.VSCode在实际开发中，为了提高开发效率，使用VSCode；
2.步骤：安装VSCode汉化更换主题，字体大小等设置文件路径，工程路径等

第十三课，配置liveserver
1.Liveserver实时更新器，写代码后及时更新显示结果。PS：由于Livserver需在保存代码后才更新网站，为更好的配合，建议设置代码自动保存。

第十四课，实体
1.空格、字母两侧的< >等字符号在<body>中，多个空格会被浏览器自动解析为一个，其他特殊字符也会被解释，若需保留特殊符号，则需使用转义字符：&实体的名字;
> 大于
< 小于
&copy 版权符号
其余实体在文档中可查

第十五课，Meta标签
1.Meta标签主要用于设置网页的元数据，包括charset（字符集）、name（数据的名称，包含keywords/description/equiv）、content（name的内容）等。

第十六课，16语义化标签
1.标题标签<h1>-<h6><h1>在网页中相当于title标签，较为重要，一般情况下一个网页中只有一个<h1>一般仅使用1>-<h3>标签，其他很少使用，属于同一属性的标题组建议放入<hgroup>中
2.<em>标签表示语调的加重
3.<strong>标签表示强调，重要内容
4.<blockquoto>标签表示长引用
5.<blockquoto>标签表示短引用
6.<br>标签用于换行

第十七课，块和行内
1.块元素：网页一般通过多个块元素进行布局blockelement
2.行内元素：主要用于包裹文字inlineelement
3.块元素及行内元素包含关系一般情况下块元素中会含有行内元素，但是反之则不可，如<p>标签中不放<h1>标签如存在错误的嵌套，浏览器会自动进行修正，但编写者应严谨遵循编写规则

不感兴趣

开通SVIP免广告

第十八课，语义化标签
1.<header>标签表示网页的头部
2.<main>标签表示网页的主题部分（一个网页应当只有一个）
3.<footer>标签表示网页的底部
4.<nav>标签表示网页的导航
5.<aside>标签表示和主题相关的其他内容（侧边栏）
6.<article>标签表示独立的文章
7.<header>标签表示网页的头部
8.<section>标签表示独立的区块
9.<div>标签无实际语义，表示区块，目前还是用div来表示主要的布局元素
10.<spam>标签无实际语义，一般在网页中选中文字

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

1 2 3 下一页尾页
42回复贴，共3页
，跳到页

<<返回html吧

分享到:

日	一	二	三	四	五	六