欢迎加入前端交流群获取视频资料和前端学习资料:749539640第一章HTML基础1..web标准的概念和组成标准的标准W3C制定的结构和性能;结构:(xhtml,xml)性能:(css)ECMA行为标准;行为:(DOM,ECMASCRIPT)结构和性能标准:1.W3C(WorldWideWebConsortium)万维网联盟,成立于1994年,是Web技术领域最具权威和影响力的国际中立技术标准组织。(已经制定结构和性能标准,非营利性。)2.行为标准:DOM、ECMASCRIPT(ECMA-制定)欧洲计算机供应商联合会。二、Dreamweaver的基本功能1、创建、打开、保存(ctrl+s)2、预览页面(F12快捷键)3、创建站点CTRL+U(第一个参数)可以在代码中改变代码文字大小F4隐藏allPanel3.调试工具-浏览器1)PC端调试工具的使用-测试浏览器(chrome,ie,firefox)2)手机端调试工具chrome可以测试手机端页面(模拟器有很多)4.HTML及相关概念介绍HTML是指超文本标记语言(HyperTextMarkupLanguage)XHTML是指可扩展超文本标记语言(MarkupLanguage)(可扩展超文本标记语言)。HTML5指的是HTML的第五次重大修改(版本5)(HTML5是W3C和WHATWG合作的成果)。WHATWG网页超文本应用技术工作组是为推动网页HTML5标准而成立的组织。2004年由Opera、Mozilla基金会、Apple等浏览器厂商组成。5.HTML5基本结构(新建html文件时默认代码)命名文件类型描述我们编写标记语言文件头文件标题(状态栏显示的内容)编码格式文件体(所有要写入的内容)6.文件命名规则:使用英文,不要中文。所有名称均为小写英文字母、数字、下划线组合,不得包含汉字、空格、特殊字符;它必须以英文字母开头。七、HTML基本语法1、<通用标签>2、空标签说明:1.写入<>中的第一个词叫做tag、tag、element。2、标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在“”中。3、一个标签可以没有属性也可以有多个属性,属性与属性之间没有先后顺序。4.空标签没有结束标签,用“/”代替。8.XHTML常用标签1)文本标题(h1-h6)一级标题,二级标题...六级标题文本有两种形式(段落文本和文本列表)2)段落(p)的contentoftheparagraph文本标识一个段落(段落之间有空格)3)空格()(位置没有确定值,与当前字体大小有关)。4)Linebreak(br)Linebreakisanemptymark(forcedlinebreak)5)粗体6)Slanted斜线标记7)横线空标记8)列表(ul,ol,dl)HTML中有三种列表,即:无序列表、有序列表、自定义列表无序列表无序列表组成:asdasdasd有序列表有序列表组成:。.....
自定义列表- 名词
- 解释
。.....
九、图片注意:要插入的图片必须放在站点标题功能下:在将鼠标悬停在图片上时,会显示一个小提示,鼠标离开时会消失。HTML中的大多数标签都支持title属性。title属性是alt的作用,用于提示信息:alt属性是在你的图片因某种原因无法加载时页面显示的提示信息,会直接在原先加载图片的地方输出。*相对路径的写法:1)当当前文件和目标文件在同一目录时,直接写目标文件名+扩展名;2)当当前文件和目标文件夹在同一目录时,写法如下:文件夹名/目标文件全名+扩展名;3)当前文件所在文件夹和目标文件所在文件夹在同一目录时,写法如下:../目标文件文件夹名/目标文件文件名+扩展名;10、超链接应用语法:链接文本/图片空链接属性:target:页面打开方式属性值:_blank新窗口打开属性值:_self本窗口打开新页面打开十一、数据表的作用及组成:显示数据 | |
注意:tr表示一行;atd表示一列(一个单元格)*数据表格的相关属性1)width="表格的宽度"2)height="表格的高度"3)border="表格的边框"4)bgcolor="表格的背景颜色"5)cellspacing="单元格之间的空间"6)cellpadding="单元格和内容之间的空间"7)alignment:align="left/center/right";valign="顶部/中间/底部";8)合并单元格属性:colspan="要合并的单元格的列数"合并列;rowbyrowrowspan="required合并单元格的行数"Mergerows;逐行XII。表格的应用表格的作用:用于收集用户信息;1.表单框1)文本框2)密码box3)提交按钮4)重置按钮5)单选框/单选按钮(默认选中;)6)复选框(disabled="disabled":disabled)(checked="checked":默认选中)7)下拉菜单8)多行文本框(textfield)9)按钮注:(button和submit的区别是submit按钮起到提交信息的作用,button只起到跳转的作用不提交)13)div
文档区域的用法,文档布局对象14)span文本节点的用法(一小段文字,或者某个词)15)post和get的区别?get是从服务器获取数据,post是向服务器发送数据。get是将参数数据队列添加到提交表单的ACTION属性指向的URL中。该值对应于表单中的每个字段,可以在URL中看到。post是将表单中的各个字段及其在HTMLHEADER中的内容通过HTTPpost机制发送到ACTION属性所指示的URL地址。用户看不到这个过程。对于get方法,服务器使用Request.QueryString获取变量的值,对于post方法,服务器使用Request.Form获取提交的数据。get传输的数据量很小,不能超过2KB。post传输的数据量比较大,一般默认为无限制。但理论上,IIS4最大为80KB,IIS5最大为100KB。get的安全性很低,post的安全性很高。但执行效率优于Post方式。十三、iframeframeiframe元素创建一个包含另一个文档的内联框架(即内联框架)