HTML讲解讲述.ppt

* 什么是html? - HyperText Markup language:超文本标记语言，网页语言 ** 超文本：超出文本范畴，例如：我们想把文本的中的文字加上颜色，或者背景搞个图片等等，使用html标记可以轻松实现 ** 标记：html所有的操作都是通过标记实现的，标记就是标签。标签名称/标签名称 * 第一个HTML程序。 -创建java文件，后缀是.java -创建html文件，后缀是.html或者.htm ** 直接通过浏览器打开 ** 我们创建一个hello.html文件，写一个hello world，运行看下效果 ** 将文字改个颜色，运行看下效果 * html的规范 1.一个html文件开始标签和结束的标签html/html -定义一个java方法使用{} 2.html标签包含2个部分 a.head设置网页相关信息/head例如：设置title b.body显示在页面的相关内容都写在body里面/body 3.html里面的有开始标签必须要有结束标签，成对出现的 4.html标签不区分大小写 5.有些标签没有结束标签,在标签内结束 例如：换行br/ 需求： 比如显示这样的效果 胜意科技 财务部 客服部 人事部 研发部 需求： 现在在页面上显示这样的效果 1.财务部 2.客服部 3.人事部 a.财务部 b.客服部 c.人事部 i.财务部 ii.客服部 iii.人事部 需求： 现在在页面上显示这样的效果 特殊符号（方框）财务部 特殊符号（方框）客服部 注意： 当我们的超链接不需要打开的时候，在href上设置一个#号 设置一个#会导致点击的时候总是返回到页面顶部，因此设置成### ** 面试题目: get和post区别 1.get提交的时候会把提交的数据跟到url?后面，POST不会，数据在请求体里面 2.get有安全问题，容易被别人看到 3.get有请求有限制，因为url地址的长度会变得很长，而url长度有最大长度限制（2083个字符），post没有 ** enctype:上传文件时用到，一般情况下不会用到 注意： 控件的name属性非常重要，服务器要根据这个name属性值来获取页面提交过来的数据 - 大部分输入项 使用input type=输入项的类型/ 参数传递格式 url后面加？表示有参数进行传递， 参数以键值对的形式进行拼接 name=value ，name为标签的name属性，多个参数之间以 符号分隔 举例：?username=lipanpassword=123456age=18 div/div ：主要是用来布局， 特点：1.自动换行 span/span 主要是将一些我们需要控制的内容包起来，然后控制span,例如注册时提示的错误信息 特点：1.不换行 meta/ 设置页面一些相关的内容 例如：meta name=keywords content=需要被有哪些信誉好的足球投注网站引擎有哪些信誉好的足球投注网站的关键字/ 例如: meta http-equiv=refresh content=3;url=自动刷新的地址/3秒钟后自动跳转 SEO:有哪些信誉好的足球投注网站引擎优化, SEO是指通过对网站内部调整优化及站外优化，使网站满足有哪些信誉好的足球投注网站引擎收录排名需求，在有哪些信誉好的足球投注网站引擎中提高关键词排名，从而把精准用户带到网站，获得免费流量，产生直接销售或品牌推广。 base/ 设置超链接的基本信息,演示：多3个超链接全部都是弹出新的窗口，那么需要设置三次target,不方便 因此就可以在base这个标签上统一设置 例如:base target=_blank/ 横向排列 frameset cols=30%,20%,50% frame src=A.html frame src=B.html frame src=C.html /frameset 纵向排列多个窗口： frameset rows=30%,20%,50% frame src=A.html frame src=B.html frame src=C.html /frameset 不能写在body中 举例实现：图上的效果 框架标签基本上被淘汰了，实际工作中的方法是： 举例使用iframe+div实现 HTML讲解 HTML简介 什么是html? HyperText Markup language:超文本标记语言 超文本：超出文本范畴 标记：标记就是标签 标签名称/标签名称 第一个HTML程序 创建html文件，后缀是.html或者.htm 写一个hello world 直接通过浏览器打开 html的规范 一个html文件