web前端学习笔记

《web前端学习笔记》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、01_HTMLBASICDay01第一个html文档赵旭zhaoxu@tedu.cnWEB前端WEB-网页1、要求1、打字速度2、复习和预习工作3、英文4、练2、课程体系1、阶段一-基础1、HTML5Basic2、CSS3Basic3、PROJECT1-京东首页4、CSS3Core(核心)5、PROJECT2-京东详情页6、JAVASCRIPTBASIC2、阶段二-JS1、JAVASCRIPTCORE2、jQuery3、阶段三1、服务器端2、HTML5CORE3、AJAX4、Bootstrap4、阶段四1

2、、AngularJS2、React3、IOnic===========================================1、WEB基础知识1、web与Internet1、InternetInternet是一个全球性的计算机互联网络，中文名"因特网","网"Internet提供的服务：Telnet,Email,WWW,BBS,FTP基本实现技术：1、分组交换原理2、TCP/IP协议簇2、WebWeb是运行在Internet上的一种应用(网页应用)Web所谓的WWWWeb的规范是由W3C负责定制

3、和推广W3C:WorldWideWebConsortium(万维网联盟)Web能够将服务和信息关联到一起服务：Email,BBS,...信息：文字，图片，音视频，文件等3、Web的工作原理基于B/S结构模式的程序B:Browser(浏览器)S:Server(服务器)C/S:C:Client(客户端)S:Server由Web服务器，浏览器，通信协议三部分组成Web服务器：允许为其他用户提供服务的机器通信协议：web采用的是http协议HTTP:HyperTextTransferProtocol超文本传输协议

4、规范了数据是如何打包以及如何传递的。4、Web服务器1、主要功能1、存储信息2、响应浏览器的请求，执行服务器端程序3、具备基本的安全功能2、主要Web服务器产品1、TOMCAT2、IIS3、APACHE3、服务器端相关技术1、php2、JSP(JavaServerPage)3、ASP4、ASP.NET以上技术都具备访问数据库的能力5、浏览器1、主要功能1、代理用户提交请求(UserAgent,UA)2、作为HTML/CSS/JS解释器3、以图形化方式显示页面2、主流的浏览器产品1、MicrosoftIE2

5、、MozillaFirefox3、GoogleChrome4、AppleSafari5、Opera3、客户端技术运行于浏览器1、HTML2、CSS3、JavaScript(JS)2、HTML快速入门(重点)1、超文本Web是一个超文本文件的集合2、什么是HTMLHTML：HyperTextMarkupLanguage(超文本标签语言)超文本：具备一些特殊功能的文本a:英文字符的第一个超文本a:在页面中具备超链接作用b:英文字符的第二个超文本b:在页面中会加粗显示文本标签：超文本的组成形式超文本a:<

6、/a>超文本b:语言：具备一定的语法结构用HTML编写的网页文件，以.htm或.html作为文件的后缀(超文本文件)运行环境：任何一款浏览器开发工具：任意一款文本编辑工具都可以3、HTML基础语法1、标记语法在html中，用于描述功能的符号，称为"标记"

,,标记在使用时，必须用<>括起来标记分为1、封闭类型的标记也成为"双标记"，标记必须成对出现语法：<标记>内容如果一对双标记中没有结束标记的话，网页中会产生意想不到的效果ex:百度加粗显示

7、b>

段落文本

2、非封闭类型的标记也称为"单标记"或"空标记"语法：<标记>或<标记/>ex:
:换行:图片2、元素元素即标记百度1、元素的嵌套HTML中通过嵌套的元素来形成更为复杂的页面结构注意：1、嵌套顺序

正确

错误2、格式问题被嵌套的东西要用缩进来表示(Tab)ex:

控制的内容

控制的内容。。。。加粗的文本

2、属性和值属性：

8、是用来修饰元素的。ex：想控制p标记里文本的水平排列方式为右对齐语法：1、属性的声明必须位于开始标记里2、属性与标记之间要用一个空格隔开3、一个元素允许有多个属性，多属性之间用空格隔开，并且排名不分先后4、属性和值之间用=连接ex:文本水平排列方式：align取值：left/center/right这是一段文本

设置id属性值为p1标准属性：html中所有元素都具备的属性称之