《web基础HTML》PPT课件.ppt

讲师：董爽爽中软培训中心邮件：dongshsh,课程名称web基础课程(html),开篇,总体认识javaEE体系结构HTML在javaEE体系结构中的位置用于页面展示学习内容：HTML、CSS、=div+cssJavaScript学习时间：3天考试,主要内容,HTML简介HTML结构HeadtitleBodyFontLinkImgTableFormDIVFramesetiframe,HTML简介,什么是HTML？名称HTML英文名称是什么?HyperTextMarkupLanguage（超文本标记语言）主要用于页面信息展示,HTML简介,HTML简介,HTML语言是目前制作网页最流行的语言可以通过浏览器或文本编辑器查看HTML文档,如何编写HTML,先看个实例,HTML简介,以“”开始，以“”表示标签的结束一对标签中还可以嵌套其它的标签单独标签不需要与这配对的结束标签，又称这为空标签，例如属性设置的一般格式为：属性名属性值，属性值部分可以用英文的双引号（”）可单引号（）引起来，也可以不使用任何引号。,HTML结构,文件扩展名为.html/.htmHTML文件的所有内容都应该包含在标记中HTML语言在结构上分为两部分，即头部和主体。头部描述浏览器所需要的一些信息，如文件编码、标题等。主体则包含了文件的主体内容,HTML简介,人,HTML简介,标签：,HTML头部,HTML头部需要包含在中，可以在头中使用的标记包括、等等。定义文档的标题，最终将显示在浏览器标题栏上定义页面元信息，主要包含了搜索信息用于引入文件.css指定页面脚本文件.js,Meta元素,META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)HTTP-EQUIV似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容,响应报头信息，如页面编码、缓存模式等等.NAME定义页面基本信息，这些信息是提供给网络搜索引擎的，搜索引擎通过这些信息可以找到页面,META-HTTP-EQUIV,Content-Type和Content-Language(显示字符集的设定)使用:使用较少,META-HTTP-EQUIV,refresh-刷新例子：refresh.html,META-NAME,name属性用于描述页面内容，主要是向搜索引擎提供查询关键字等Keywords关键字：,HTML主体,HTML主体是HTML页面中最终要显示出来的内容部分，主体应该包含在中可以在主体中输出文本、插入图片、表格、表单等等。,HTML简介,练习：请做一个html页面，输出：“这是我的第一个html页面”,HTML标签,标签属性标签可以拥有属性。属性进一步说明了该元素的显示或使用特性。如：属性的格式：xxx,体属性,背景颜色bgcolor=red”背景图片backgroundback-ground.gif”给出图片文件位置，如图片小于页面时，将循环填充背景音乐考虑到效率,基本不用,字体,字体大小文字#=1,2,3,4,5,6,7字体颜色文字标题字文字#=1，2，3，4，5，6,字体,下划线：文字删除线：文字增强：文字粗体：文字斜体：文字删除线:文字下划线:文字地址:文字用的少,其他元素,段落：标题字：注释：span块div层Span”,然后按空格即可弹出下个提示。,框架,框架（frame）用于分割窗口，也就是浏览器在显示页面时分成几部分，每部分由独立的页面显示，如图,框架,加入框架的页面不需要元素，使用frameset在另外一个frame中打开页面target左右分：,框架,上下分：,框架,frameset属性COLS=“20,*”左右分，可一次分多个ROWS=“20,*”上下分，同上,框架,frame属性1.SRC=“a.htm”当前框架显示的网页URL2.NAME框架名称3.scrolling=“no”是否显示滚动条，YES显示，NO不显示，AUTO视情况显示。,框架,4.noresize不让使用者改变大小。5.marginheight=2框架高度部份边缘所保留的空间。6.marginwidth=2框架宽度部份边缘所保留的空间。,框架,不需要一个单独的页面存放框架.灵活性好.Target*_self_parent_blank_top,练习,做一个上下,左右结构的框架,作业1,做一个注册页面form.html要求:1,有用户名,密码,确认密码,Email,所在城市这几个必须填写的项.(例:用户名*)2,有性别,生日,个人主页,自我介绍等选填项3,有是否接受系统邮件选择(接受或不接受),作业2,完成由一个登陆页面登陆进入到刚才写的那个框架页面,框架页面的left页面有文字