html,css,javascript基础知识.docx

1.web概述1)web三要素(B/S架构)浏览器(B)代理作用,向服务器发送请求,服务器返回一个.html格式的文件,浏览器(渲染)解释执行文件(页面)服务器(S)接收浏览器的请求,做出相应的处理,响应一个页面HTTP协议通讯协议2)常用的浏览器IE,FireFox,Chrome,Safari,Opera3)html工作原理html文件部署在服务器端html页面运行在浏览器中浏览器发送请求,服务器接收请求,响应一个页面,然后浏览器渲染内容2.HTML概述1)什么是html(Hyper Text MarkUp Language)超文本标记语言是一种用来设计网页的标记语言,用该语言编写的文件,后缀为.html或.htm,由浏览器解释执行,生成相应的页面2)head元素主要用于描述页面数据meta,title,link,style,script...1title元素主要用来显示当前页面的标题2meta元素主要用来定义页面元数据和消息头meta http-equiv=Content-Typecontent=text/html; charset=UTF-8 /http-equiv消息头content消息内容消息头：浏览器向服务器发送请求,服务器返回一些键值对页面刷新参照--页面刷新.html3)body元素显示页面的数据(内容)内容实体转义：---apos;---quot;---lt;---gt;---amp;空格---nbsp;1分区元素div元素和span元素div元素：块级元素，独占一行(元素前后会自动换行),可以设置宽高span元素：行内元素，不会独占一行，设置宽高无效2文本标题元素h1~h6h1/h1h2/h2h6/h6h1字体最大,h6字体最小3段落元素p/p特点：行于行之间有空白的段落间距4列表元素有序列表 ol/ol无序列表 ul/ul列表项li/li注意：列表只能写列表项li,列表项中输出文本内容嵌套列表5图片元素img src= width= height=/必要的属性：src(URI)常用的属性：width,height6超链接元素a href= target=/a必要的属性：href(URL/URI)常用的属性：target取值 _blank(打开新的窗口),_self(在自身的窗口打开链接)等等锚点：利用a元素的name属性定义一个锚点a name=mark/a超链接连接到锚点#告诉浏览器跳转不是一个链接,而是一个内部位置a href=#mark回到Mark位置/a发送邮件:a href=mailto:邮箱地址?subject=hellobody=尊敬的学码思:发送邮件/a//outlook,foxmail7表格table表格通常用来组织结构化的信息table元素：定义(创建)表格属性：boder边框，默认值0，单位是像素pxcellpadding单元格与内容之间的垂直间距cellspacing单元格与单元格之间的间距align水平方向居左left(默认值)/居右right/居中centerwidthheighttr元素：创建行属性：align水平位置(left,center,right)valign垂直位置(top,middle,bottom)td元素：创建列(单元格,存放数据)属性：align水平位置valign垂直位置widthheightcolspan跨列属性rowspan跨行属性完整的表格表格的标题：caption/caption位于table第一行行分组：将多个行分为一组thead/theadtbody/tbodytfoot/tfoot提示：thead和tfoot只能出现一次,tbody可以出现多次8表单formform action= method= enctype=input标记非input标记/formaction属性：表单提交之后哪一个程序处理method属性：表单提交的方式enctype属性：设置表单的MIME编码表单控件：文本框：input type=text name=username value=张三/name属性：标记的一个名称,该名称用于生成一个请求参数,如果没有命名,则浏览器不会该数据发送给服务器value属性：文本框内容密码框：input type=password name= value=/单选框：input type=radio name=sex value=男 checked/男input type=radio name=sex value=女/女name属性：标记的一个名称,该名称用于生成一个请求参数,如果没有命名,则浏览器不会该数据发送给服务器,分组效果checked属性：选中复选框：input type=checkbox name= value=/name属性：