一、浏览器
1.浏览器是帮助用户进行浏览网页的软件
2.常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。
3.W3C:万维网联盟创建于1994年.是Web技术领域最具权威和影响力的国际中立性技术标准机构。html、css等标准都是由此机构主导制定。
二、服务器
1.浏览器接受用户操作→浏览器封装HTTP请求→连接服务器:DNS解析→发送请求Request→服务器接收请求→处理请求→返回响应报文→浏览器接收响应报文→渲染页面呈现
2.ajax请求后台服务,后台用PHP、Node.js等写成。
三、网页
1.网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。
2.HTML:页面结构、CSS:页面样式表现、JavaScript:交互行为
3.结构:<html>
<head></head>
<body>
<h1></h1>
<p></p>
<body>
</html>
4.Doctype标签,文档协议声明标签
–文档协议声明标签,非常重要
–协议不同影响整个页面显示的效果
–目前主流用HTML5的协议文档
5.Doctype标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。主要用于浏览器解析文档标签的依据。
6.所有的标签必须写在<html></html>两个闭合标签之间。
7.<head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后。
8.<meta charset="UTF-8">,指定字符编码。
9.<title>网页标题名称</title>
title标签对于网站SEO至关重要,标题的好坏直接影响网站的SEO
SEO(Search Engine Optimization):网站搜索引擎优化
10.link标签可以引入CSS样式。
11.body标签是页面的主题部分,需写在head之后。
12.<h1>到<h6>是标题。
<p>段落。
<br>换行。
<hr/>创建水平线。
常用修饰标签:
13. 加空格
14.<a herf="www.baidu.com"></a>
a标签herf属性:指向跳转的网址。
a标签target属性:_self(默认的,在当前页面打开链接)
_blank:表示在新的界面中打开链接。
四、URL
1.•URL协议:Uniform Resource Locator,统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。
2.相对路径:/../../../ 相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。
绝对路径:C:\Users\ 绝对路径一般是指带有盘符的路径。
五、图像
1.GIF格式常常用于Logo、小图标及其他色彩相对单一的图像。
总结:小、兼容性好、支持透明、色彩太多不行。
2.通常,图片保存为PNG-8会在同等质量下获得比GIF更小的体积,而半透明的图片只能使用PNG-24。
3.JPEG是一种有损压缩格式,其文件体积非常小,非常有利于网络传输,但由于是有损压缩,所以将一幅图像转换为JPEG格式后图像质量会降低。一般用于广告,大的宣传的图片,照片等。
4.gif和png基本差不多,色彩比较少的直接gif,如果图片动画用gif。对色彩要求高的用jpg。
5.<img src="logo.gif" alt="我的LOGO" title="我的Logo" />
img标签中各个属性的用处: