文档介绍：01_HTMLBASICDay01第一个html文档赵旭******@WEB前端 WEB-网页1、要求 1、打字速度 2、复习和预习工作 3、英文 4、练2、课程体系 1、阶段一-基础 1、HTML5Basic 2、CSS3Basic 3、PROJECT1-京东首页 4、CSS3Core(核心) 5、PROJECT2-京东详情页 6、JAVASCRIPTBASIC 2、阶段二-JS 1、JAVASCRIPTCORE 2、jQuery 3、阶段三 1、服务器端 2、HTML5CORE 3、AJAX 4、Bootstrap 4、阶段四 1、AngularJS 2、React 3、IOnic===========================================1、WEB基础知识 1、 1、是一个全球性的计算机互联网络,中文名"因特网","网" 提供的服务: ,Email,现技术: 1、分组交换原理 2、TCP/IP协议簇 2、Web 上的一种应用(网页应用) Web所谓的ldWideWebConsortium(万维网联盟) Web能够将服务和信息关联到一起服务:Email,BBS,... 信息:文字,图片,音视频,文件等 3、Web的工作原理基于B/S结构模式的程序 B:Browser(浏览器) S:Server(服务器) C/S: C:Client(客户端) S:Server 由Web服务器,浏览器,通信协议三部分组成 Web服务器:允许为其它用户提供服务的机器通信协议:web采用的是http协议 HTTP:HyperTextTransferProtocol 超文本传输协议规范了数据是如何打包以及如何传递的。 4、Web服务器 1、主要功能 1、存储信息 2、响应浏览器的请求,执行服务器端程序 3、具备基本的安全功能 2、主要Web服务器产品 1、TOMCAT 2、IIS 3、APACHE 3、服务器端相关技术 1、php 2、JSP(JavaServerPage) 3、ASP 4、以上技术都具备访问数据库的能力 5、浏览器 1、主要功能 1、代理用户提交请求(UserAgent,UA) 2、作为HTML/CSS/JS解释器 3、以图形化方式显示页面 2、主流的浏览器产品 1、MicrosoftIE 2、MozillaFirefox 3、GoogleChrome 4、AppleSafari 5、Opera 3、客户端技术运行于浏览器 1、HTML 2、CSS 3、JavaScript(JS)2、HTML快速入门(重点) 1、超文本 Web是一个超文本文件的集合 2、什么是HTML HTML:HyperTextMarkupLanguage(超文本标签语言) 超文本:具备一些特殊功能的文本 a:英文字符的第一个超文本a:在页面中具备超链接作用 b:英文字符的第二个超文本b:在页面中会加粗显示文本标签:超文本的组成形式超文本a:<a></a> 超文本b:<b></b> 语言:具备一定的语法结构用HTML编写的网页文件,(超文本文件) 运行环境:任何一款浏览器开发工具:任意一款文本编辑工具都能够 3、HTML基础语法 1、标记语法在html中,用于描述功能的符号,称为"标记" <p>,<a>,<b> 标记在使用时,必须用<>括起来标记分为 1、封闭类型的标记也成为"双标记",标记必须成对出现语法: <标记>内容</标记> 如果一对双标记中没有结束标记的话,网页中会产生意想不到的效果 ex: <a>百度</a> <b>加粗显示</b> <p>段落文本</p> 2、非封闭类型的标记也称为"单标记"或"空标记" 语法: <标记> 或<标记/> ex: <br>:换行<img>:图片 2、元素元素即标记<a>百度</a> 1、元素的嵌套 HTML中经过嵌套的元素来形成更为复杂的页面结构注意: 1、嵌套顺序<p><a></a></p>正确<p><a></p></a>错误 2、格式问题被嵌套的东西要用缩进来表示(Tab) ex: <p> <b> <a></a> </b> </p> <p> 控制的内容</p> <p> 控制的内容。。。。<b>