HTML以及JAVASCRIPT.pdf

动态网页和静态网页 后缀是 html或 htm一般都为静态 ，有些网页后缀是 html，但是伪静态技术 动态 网页 ：是指数据是随时更新的 ，可以与客户交互的网页,一般使用 asp,php,来实现 创始第一个例子 创建一个记事本 ，在其中添加 html head title标题/title /head body My first html /body /html 将本文件保存为.html后缀 ，即可访问 这里的html称作标签,标签是成对的 ，即有开始标签也有结束标签 ，例如 ： html/html 标签之间可以嵌套，即大标签包含小标签，但不可交错包含 htmlbody/html/body这是错的 这是里的html标签表示本文件是一个超文本网页，body标签表示主体，将所有要在页 面上显示的内容都要放在body中 添加一个图片 在 body标签中添加 imgsrc ”图片路径和名称”/ Img标签用于显示图片，可以将开始标签和结束标签写在一起，即img/ Src即img标签的属性，可以设置img标签的特征 图片的引用方式 1.使用本地路径，即c:\a\b\test.jpg 2.使用绝对路径,即/tet.jpg 3.使用相对路径的上一级目录 即../test.jpg 使用根目录下的图片 即/test.jpg 使用相同目录下的子目录中的图片 即img/test.jpg 注意 ： HTML语法不严格，不区分大小写 属性尽量使用””包含 在写的时候，写完开始标签应立即写出结束标签，以防止忘记 超链接 用来跳转到另一个页面 a href ”这里放要跳到的页面名称”这里放链接显示的文字/a 属性:target用来指定跳的方式 Target ”_blank”用于打开新的窗口显示网页 输入框 input type textinput type button value 百度一下/ 表格 表格用来创建在网页中显示的表格,使用table标签 ，其中行使用tr,列使用td,table包 含 tr，tr包含td table border ”1” trtd/tdtd/tdtd/td/tr trtd/tdtd/tdtd/td/tr trtd/tdtd/tdtd/td/tr /table 表单 我们上网进行搜索、注册、登陆等需要输入信息的文本框、单选框、复选框、下拉列 表、上传文件等这些与客户交互的控件就是表单,表单是实现动态网页的一个条件. 表单标签:form/form 表单基本标签有 ： 表单标签都要指定 name属性 ，name值尽量见名知意 复选框和单选框需要指定value值,方便将选中的值进行提交 其它标签如text,textarea,password也可以加 value属性 单选框和复选框可以添加默认选中的属性 checked 下拉列表 select可以通过 selected设置默认选中项 form name form1 BR 文本框input type text name username/ BR密码框input type password name password/ BR多行文本框textarea rows 10 cols 30 name beizhu/textarea BR游泳input type checkbox name aihao value youhong/ 旅游input type checkbox name aihao value lvyou/ 篮球input type checkbox name aihao value lanqiu/ BR单选框男input type radio name sex value man/ 女input type radio name sex value women/ BR下拉列表框select name addroptionshandong/optionoptionshanghai/optionoptionbeiji ng/option/select BR文件上传框input type file name icon/ BR按钮input type button value 按钮/ BR提交框input type submit value 注册/ BR取消框input type reset value 重填/ /form 框架 Frameset必须放在 boddy标签外面 Frameset用于将网页分割成行或列 Framesrc用来在框架中加载页面 html frames