第一部分:基础词汇1、单词head,头body,身体block,块inline,一行内width,宽度height,高度image,图像title,标题parent,父亲blank,空白的table,表格row,行character,字符column,列caption,说明文字list,列表form,表单type,类型input,输入text,文本password,密码value,值select,选择option,选项textarea,文本域submit,提交button,按钮reset,重置action,动作method,方法target,目标left,左right,右center,中top,上bottom,下2、词语缩写术语:HTML,HyperTextMarkupLanguage,超级文本标记语言术语:URL,UniformResoureLocator,统一资源定位器术语:HTTP,HyperTextTransferProtocol,超文本传输协议术语:,WorldWideWeb,万维网术语:IP,InternetProtocol,网络互连协议属性:src,source,源属性:href,hypertextreference,超文本引用属性:id,identification,身份证、唯一标识属性:class,类别属性:title,标题、字幕属性:style,样式标签:a,anchor,锚或超链接标签:div,division,部分区域标签:ul,unorderedlists,无序列表标签:ol,orderedlists,有序列表标签:img,image,图像标签:p,paragraph,段落标签:meta,metadata,元数据、描述信息的数据第二部分:HTML基本结构(以html5为例)!DOCTYPEhtmlhtmlheadmetacharset=utf-8/title页面标题/title/headbody页面元素及内容部分/body/html第三部分:看页面效果图,写出HTML代码1、当鼠标光标移动至段落上时,要求显示字幕信息“我是段落”。h1我是一级标题/h1ptitle=我是段落这是一个段落/p2、有一幅鲜花图片,名称为“flower.jpg”,假设图片与网页文件在同一个文件夹内,设置鲜花图片的高度为85px,宽度为100px,并要求实现鼠标指针停留在图片上时,显示字幕“鲜花”。p第一个段落/pimgsrc=./flower.jpgtitle=鲜花width=100pxheight=85px/p第二个段落/p3、pHTML水平线标签<hr/>/phr/4、其中,图片名称为“yzxx.png”,假设图片与网页文件在同一个文件夹内,超链接的链接地址为。跳转到百度:ahref=百度/a图片超链接:ahref==yzxx.png//a5、ultype=circleli柠檬茶/lili葡萄汁/lili可口可乐/li/uloltype=Astart=2li银河系/lili太阳系/lili地球/li/ol6、ulli学院概况ulli学院简介/lili信息公开/li/ul/lili学院新闻/lili系部设置ulli计算机工程系/lili自动化工程系/lili基础课部/li/ul/li/ul7、tableborder=1caption设备表/captiontrth序号/thth设备名称/thth设备型号/th/trtrtd1/tdtdA设备/tdtdHS-1/td/trtrtd2/tdtdB设备/tdtdHB-4/td/trtrtd3/tdtdC设备/tdtdWSWS-9/td/trtable8、性别默认选中“男”,选中“男”时传值“1”,选中“女”时传值“0”,要求使用get方法提交数据到本页面。formaction=#method=get用户名:inputtype=textname=user/br/密码:inputtype=passwordname=pass/br/性别:男inputtype=radioname=sexvalue=1checked=checked/女inputtype=radioname=sexvalue=0/br/爱好:打篮球inputtype=checkboxname=likesvalue=打篮球/游泳inputtype=checkboxname=likesvalue=游泳/中国象棋inputtype=checkboxname=likesvalue=中国象棋/br/所在城市:selectname=cityoptionvalue=北京北京/optionoptionvalue=上海上海/optionoptionvalue=乌鲁木齐乌鲁木齐/option/selectbr/个人介绍:br/textareacols=30rows=3/textareabr/inputtype=submitvalue=注册/inputtype=resetvalue=重置//form留言:br/textareacols=30rows=3/textareabr/inputtype=submitvalue=提交/inputtype=resetvalue=重置//form第四部分:HTML元素归类1、从以下HTML元素中找出6个块级元素()找出3个内联元素()找出1个典型的内联块元素是()div、span、p、u、img、table、li、a、b、input、ul、sub、body、i、h2、hr、form2、分别描述块级元素、内联元素和内联块元素的默认显示特征。(1)块级元素:①默认情况下,宽度占满其父元素一行;②默认情况下,高度根据内容自适应;③body元素的宽度由当前浏览器窗口宽度决定,其高度默认自适应,当页面内容超出浏览器窗口时默认产生滚动条;④块级元素的高度和宽度可以自定义;⑤块级元素内部可嵌套块级元素和内联元素。(2)内联元素:①宽度和高度根据内容自适应;②不可以自定义高度、宽度;③元素内部一般只可嵌套内联元素或者文本。(3)内联块元素(inline-block):①宽度和高度根据内容自适应;②可以自定义高度、宽度无效。