HTML代码《完全使用的代码小知识》.docxVIP

知识准备1、分层：表现层：UI界面（DOS界面、桌面类型、web类型）?业务层：?数据层：文件、Oracle数据库?2、Web类型的应用程序----B/S 类型打开 Browser，输入 URL，浏览器将请求发送到服务器服务器得到请求，分析，返回响应浏览器得到响应，解析（翻译），显示为页面3、web 学习阶段客户端技术：HTML+CSS+Javascript---Web 基础服务器端技术：JSP、PHP、ASP.NET4、web基础的课程HTML：页面的创建CSS：页面的外观JavaScript：页面的动态效果和交互行为--3一：HTML 概述1、超文本标记语言：一种编写页面的纯文本的标记语言，文件以.html或者.htm为后缀，? 依靠浏览器运行显示----解释性的语言2、标记：一些用 括起来的内容，特殊的显示?3、主流浏览器：IE/Firefox/Chrome/4、浏览器兼容性：符合标准规范，具体问题二：HTML 基础语法1、成对出现： h1 align=center文本/h12、单标记： imgsrc=a.jpg /3、标记可以设置属性：设置在开始标记里，为标记添加行为4、HTML 文档的标准结构文档类型声明htmlhead/headbody/body/html5、文档类型声明：指定版本等信息严格型：最新版本过渡型（传统型）：兼容旧版本框架型：可以使用框架----使用的很少旧版本： imgsrc=?新版本： img /6、head里可以包含titlemeta练习一：编写一个标准格式的 HTML 文件，为其定义标题刷新频率以及编码格式7、为代码添加注释!--注释内容--?三：文本---空格折叠 ?**1、h1-h6----标题标记：字体加粗、较大2、段落标记 p/p3、换行 br /---取决于行间距4、特殊字符： lt; gt;?空格 nbsp;5、分组标记div包含其他内容/divspan包含其他内容/span可以对分组元素定义样式6、块级元素、行内元素块级元素：标记会独占一行，比如 p、h1、div行内元素：可以和其他元素位于同一行，比如 span、a（超级链接）四：图像和链接 ***1、图像:web应用中，路径多用相对路径imgsrc=/a.jpg /---绝对路径/全路径imgsrc=b.jpg /---相对路径imgsrc=images/c.jpg /2、超级链接href属性：定义URLtarget属性：在哪里打开页面? ?_self? ?_blanka href=Click Me/a3、实现在同一个页面上不同位置之间的跳转实现回到页面顶端：a href=#XXX/a实现自定义的位置导航，类似目录一样第一步：定义锚点a name=l1/a第二步：定义链接导航a href=#l1去1位置/a五：列表 **1、基础语法ul：无序列表ol：有序列表li：列表项2、复杂的菜单或者目录--嵌套的列表六：表格 ***1、作用：显示网格结构的数据、页面的布局2、表格的基本结构tabletrtda/tdtdb/td/trtrtdc/tdtdd/td/tr/table3、表格的常用属性table：border/width/height（自适应）/align/cellpadding(单元格内边距)/cellspacing(单元格之间的空白)td：width/height/align/valign4、表格的复杂结构表格定义标题：tablecaption/caption/table表格的行分组：thead/tbody/tfoot只能用在表格里，中间只能包含tr5、不规则表格6、表格的嵌套可以在一个 td 里再定义一个表格---实现复杂的布局要求七：表单 ***1、form 元素form action=index.jsp method=/form----即为表单元素，承载各种控件（文本框、按钮等）----重点在于 form 上可以包含的元素----form上的元素必须拥有 name 属性，默认，提交值2、input 元素文本框：input type=text name= /密码框：input type=password /单选按钮：实现互斥的选择提交按钮：input type=submit value=显示的文本 /#########################? ? ? HTML_CSS#########################知识准备部分：1、学习 html 的过程中，有些可以设置样式的属性border/width/height/cols/rowstable border=1 width=/tableh1 border=1/h1--errortextarea width=/textarea--error2、存在的问题：