web前端学习基础知识(1)

下载Atom插件和主题安装和配置

1.官网 https://atom.io/

2.百度网盘上http://pan.baidu.com/s/1ntszCgT

安装subline以及插件的安装,再去了解它的背景

web前端学习基础知识(1)

web前端学习基础知识(1)

Sublime3 : 需要安装第三方的包。一般

Atom :继承度非常好

->vs code :智能提示非常强大

Webstorm10 :大项目,建议使用webstorm

web前端学习基础知识(1)

web前端学习基础知识(1)

web前端学习基础知识(1)

什么是浏览器?

帮助用户浏览网页的软件

360双核浏览器 trident; blink

,qq浏览器,谷歌浏览器等

浏览器的内核?

Ie; trident; blink;safari;webkit;ff:gecko;chrome;opera;

什么是服务器和服务器程序?

浏览器浏览页面背后的秘密

浏览器接收用户操作->浏览器封装http请求->连接服务器:DNS解析->发送请求request->服务器接收请求->处理请求->返回响应报文->浏览器收回响应报文->渲染页面呈现

web前端学习基础知识(1)

HTTP协议

黄贯中 一念之间 can’t bring me down 年少无知,这是我姿势

HongKong Kowloon

Lighten Up 点亮你 反向鸡汤

求知若饥,虚心若愚 study hungary,study foolish.

Keep try , hold ur point,don’t settle.永远不停的尝试,

We can’t connect dots looking forward,but we can only connect them looking backwards.

乔布斯斯坦福的演讲

演讲15--18分钟的原则

web前端学习基础知识(1)

HTML :网页结构

CSS :页面样式表现

JavaScript :交互行为

web前端学习基础知识(1)

又如一个人:(HTML)人体结构 ,(CSS)人的衣服鞋子等 ,(JS)人的奔跑跳跃等

HTML 页面结构和语法

web前端学习基础知识(1)

web前端学习基础知识(1)

web前端学习基础知识(1)

web前端学习基础知识(1)

web前端学习基础知识(1)

Html:4t +tab

Html:xt +tab 生成xtml过渡期的标签

目前所有的新的大型的网站都是用html的标准

以后用都可以直接写 :html:5+tab 会自动生成

web前端学习基础知识(1)

web前端学习基础知识(1)

使用UTF-8是都能兼容的,不会出现乱码。

Ctrl+shift+d能够快速复制一行代码

Ctrl+斜线 :自动注释,再按会解释

Link标签的用法

设置DNS欲解析

web前端学习基础知识(1)

web前端学习基础知识(1)

web前端学习基础知识(1)

H1---H6标签,相对于当前文档的重要性依次降低。注意h1标签在整个页面中做好用一次(其实也可以超,但是不利于搜索SEO)h2以后的这些标签可以在一个页面中 有多个,但是不要滥用,滥用会导致网页的SEO受影响,搜索引擎会认为我们作弊。

web前端学习基础知识(1)

web前端学习基础知识(1)

URL编码

为什莫要有url编码?

如果我写的是一个中文的网页要在阿拉伯国家的电脑上进行显示

需要将非ASCII码(英文国家的,如web前端学习基础知识(1)

)转换成ASCII码

中文字符会转化怎样的?

Url编码 :将url中的ASCII码转化为%ascii码

Html中的标签

<p> 段落标签 </p> 能够根据页面大小自适应,自动调节高度,p标签之间不会共占一行,会段与段之间有隔开

<hr>水平线标记

是单标签,(单独出现,当是单标签,不需要闭合的时候,根本不需要写成<hr/>所以平时写成<hr>即可啦)

web前端学习基础知识(1)

Html文档空白合并

文档中的多个空格,换行会合并成一个

web前端学习基础知识(1)

Br标签 :可以强制段落进行换行,不受换行和合并的影响

空格 :&npsp 代表一个空格

 web前端学习基础知识(1)

例如进入C盘某一目录

web前端学习基础知识(1)

Demo文件夹下有01abc和02efd ,01abc下有hello,层级关系如下

web前端学习基础知识(1)

  1. txt访问a.txt  相对关系:。。。/。。。/a.txt
  2. txt 访问C。Txt 相对关系:01abc/hello/c.txt
上一篇:linux-ubuntu 下R无法安装HH包的原因及解决方案


下一篇:IE的if条件判断