三月三周学习总结
1.学习内容
1 | 了解web |
---|---|
2 | 了解浏览器的历史和内核的种类 |
3 | 理解网页和网站的访问过程 |
4 | 用HTML写简单的静态网页 |
5 | 学用Markdown |
1.了解web
1.web 即(World Wide Web)全球广域网。
2.是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的界面。
3.web是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。
2.了解浏览器的历史和内核的种类
世界上第一个浏览器WorldWideWeb(后改为Nexus)由Tim Berners-Lee创建于欧洲核子物理实验室。同时他还写了第一个网页服务器httpd。pd。
主流浏览器的发展史:
发布时间 | 名称 | 现状 |
---|---|---|
1991年 | www(nexus) | 消失 |
1993年 | Mosaic | 被收购 |
1994年 | etscape | 消失 |
1996年 | IE | |
1996年 | Opera | |
2003年 | safari | 现存 |
2004年 | firefox | 现存 |
2008年 | hrome | 现存 |
内核
内核是浏览器最重要或者说核心的部分即“Rending Engine”(这个单词一开始我也是认不得的,安装Markdown运行错误时我才认得英,下面我会讲一下)中文就是渲染引擎,人们习惯称之为内核。它的主要作用就是网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同。
主流内核的介绍:
内核名称 | 开发公司 | 使用浏览器(过去和现在) |
---|---|---|
Trident(IE内核) | 微软公司 | IE,360浏览器,猎豹浏览器,傲游浏览器,2345浏览器,百度浏览器,世界之窗浏览器,瑞星浏览器,淘宝浏览器,腾讯TT浏览器,海豚浏览器等 |
Gecko | (Firefox内核)Mozilla组织 | 火狐浏览器 |
Webkit(Safari内核) | 苹果公司 | safari,360极速浏览器,chrome高速模式,搜狗高速浏览器;safari,symbian手机浏览器 |
blink | 由Google和Opera Software联合开发 | Chrome(28及往后版本)、Opera(15及往后版本),Yandex |
3.理解网页和网站的访问过程
1.网页,是网站中的一个页面,通常我们看到的网页,都是以 htm 或html后缀结尾的文件是浏览器对标记语言HTML、JavaScript语法的解释所显示出来的页面就叫网页。
2.文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。
3.网页有不同类型,不同的文件后缀,分别代表不同类型的网页文件,例如以 CGI 、 ASP 、 PHP 、 JSP 等。
网站的访问过程:
1.域名解析成IP地址;
2.与目的主机进行TCP连接(三次握手);
3.发送与收取数据(浏览器与目的主机开始HTTP访问过程);
4.与目的主机断开TCP连接(四次挥手);
4.用HTML写简单的静态网页
我是用《HEML5&&CSS3编程入门经典》作为学习工具写的静态网页。其中遇到了一些问题都是“度娘”和CSDN帮助解决的。
<!DOCTYPE html>
<html >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>This is my first website page</title>
</head>
<body>
<h1>No pain no gain</h1>
<p dir="ltr">No pain Nogan.</p>
<p>没有付出就没有收获<strong >,越努力越幸运.</strong></p>
<p>点这去感受一下<a href="https://www.baidu.com/" title="Baidu's website has many advertisements and it is really rubbish" > 百度</a>的广告.</p>
<p>点这<a href="mailto:996415846@qq.com">发消息给我</a></p>
<div><a href="1.jpg">美景1</a>
<a href="2.jpg">美景2</a>
链接</div>
<hr>
<h2>使用列表</h2>
<ol type="a">
<li> Point Numeber one</li>
<li> Point Numeber two</li>
<li> Point Numeber three
<ol type="1">
<li> Point Numeber one</li>
<li> Point Numeber two</li>
<li> Point Numeber three</li>
</ol>
</li>
</ol>
</body>
</html>
<p>This artitle is writen by <cite>Yuan Xiang</cite></p>
<p dir="rtl"> <mark><time >2019-3-16 11:11</time> </mark></p>
遇到的问题:
就是关于在网页上显示中文,会出现乱码,书上只让用
<meatcharset=utf-8">
问一下度娘才知道,是由于编码方式的不同,系统自动识别网页编码就会出错。所以用meta http-equiv="Content-Type" content="text/html>;
用这段语言来定义网页编码格式,这样就会正确解码,显示正确。
5.学用Markdown
我大哥让我用Markdown写csdn,我一听决定先下一个Markdowm.下载后安装后打开遇到了问题,显示渲染引擎组件出错,于是我搜了一下,发现
要安装Awesomium 1.6.6 SDK,安装完成,才发现csdn上可以直接用Markdown写博客。我是服了我自己,既然下了Markdown就决定用一下它写第一篇文章然后复制在csdn上。结果复制时表格没法用。
2.总结
1.对于我总是吧简单的问题复杂化的问题我认为是我对于很多网络知识不了解,所以一接触显得很愚笨。
2.自己还是有点懒惰,并不能及时完成一天定下的任务。
3.学习进度还是太慢。
4.对于每晚跑步减肥这事依然没能完成。