cs50学习笔记05

我是直接从第五课开始学的，跳过了c语言部分。

第五课主要讲了web前端的一些基础知识。

1.网址

根据人类真实世界的寄信为例子，提到了通讯当中重要的地址信息。地址信息里面包括目的地址、和发出地址（在运输过程中要是出错了，可以把东西返回给发出地址）。将具体的建筑物比作IP地址，将收信人比作端口，发到指定的对象手中。形如：192.168.0.1:8080这个样子的。冒号：前面是IP地址，相当于一台主机的地址。冒号：后面是端口号，相当与是这台计算机里运行的某个应用程序的进程号。运输数据包的“包裹员”根据这俩个信息就可以定位目的地在哪儿了。

可这种地址是反人类的，因为数字难以记忆，不方便人类使用。于是有个东西叫DNS（域名服务器），那些网站在这域名服务器买一个域名（类似：baidu.com），就可以跟自己的IP地址对应起来。然后用户只需要在地址栏输入易记忆的域名，也一样可以访问服务器。

通常一个地址 http://www.baidu.com 根据点被分为三部分。其中com是顶级域名，它代表着该网站是个工商企业，还有什么gov（政府机构），org（公益机构）等等...像baidu这一块是二级域名，可以理解在顶级域名中划分了一个子领域。你接下来是不是要猜www也是域名的一部分，是所谓的三级域名，嘿嘿错了。www这一块其实不属于域名，它属于URL，是主机名这一块的扮演者。URL的构成——http://主机名 . 域名（端口号、参数、查询等可选）。http是协议，超文本传输协议。

 

有点啰嗦了，从简吧

 2.HTML

它其实是个标记语言。它很多标记都有这个特征，有表示开始的尖括号<标记名>和表示结尾的尖括号</标记名>。当然也有例外的，那种不具备开始和结束这一语义，例如<img>。它主要负责一个页面中显示数据内容的方式。

 3.CSS

层叠样式表。可以这么理解，当浏览器将html代码加载在内存中时，它会生成一棵“树”。这棵树按照代码中标记的包裹层次来显示的。例如html的标记下面包含着head和body两个标签，对应的树就长得像有一个叫html的结点，这节点向下长了两个叉，叉端分别有俩个结点，一个是head一个是body。而css起的作用呢，就是美观调整。给这些结点加个显示样式，居个中，改个色，margin，padding来一套。影响范围包括结点和结点以下层级的元素。 让样式和html解耦，方便代码的观看，维护。

4.JavaScript

如果一个要有动态的显示方式，就可以用到它了。它可以通过方法找到结点，对它修改。还有什么监听之类的方法。