HTML语言基础练习题.docx
第一部分：基础词汇 1、单词head,头 body,身体 block ,块 inline , 一行内 width ,宽度 height ,高度 image,图像 title ,标题 parent ,父亲 blank，空白的 table ,表格 row,行2、词语缩写 术语术语 术语 术语 术语 属性 属性 属性 属性 属性 属性 标签 标签 标签 标签 标签 标签 标签character ,字符column,歹Ucaption ,说明文字list ,列表form ,表单type ,类型input ,输入text ,文本 password ,密码 value ,值 select ,选择 option ,选项textarea ,文本域 submit ,提交 button ,按钮 reset ,重置 action ,动作 method,方法 target ,目标 left ,左 right ,右 center ,中 top ,上 bottom ,下HTML HyperText Markup Language,超级文本标记语言URL Uniform Resoure Locator ,统一资源定位器HTTP Hyper Text Transfer Protocol ,超文本传输协议Wide Web ,万维网IP , Internet Protocol ,网络互连协议 src , source ,源href , hypertext reference ,超文本弓 I 用 id , identification ,身份证、唯一标识class ,类另1Jtitle ,标题、字幕style ,样式a, anchor ,锚或超链接div , division , 1分区域ul , unordered lists ,无序歹U表 ol , ordered lists ,有序列表 img, image,图像p, paragraph ,段落meta,metadata ,元数据、描述信息的数据第二部分：<!DOCTYPE html><html>HTM四本结本（以html5为例）<head><meta charset="utf-8" /><title> 页面标题 </title></head><body>页面元素及内容部分</body></html>第三部分：看页面效果图，写出HTML弋码1、当鼠标光标移动至段落上时，要求显示字幕信息“我是段落”。心室响 H I0 桶4"川$户尸=我是级标题这是V段落<h1>我是一级标题</h1><p title=" 我是段落"> 这是一个段落</p>2、有一幅鲜花图片，名称为“ flower.jpg ”，假设图片与网页文件在同一个文件夹内，设 置鲜花图片白高度为 85px,宽度为100px,并要求实现鼠标指针停留在图片上时，显示字 幕“鲜花”。Q I 机H/巴塞例 X ,e 尸 filew/cyus i?=个较落第二个段落<p>第一个段落</p><img src="./flower.jpg" title="鲜花"width="100px" height="85px" /><p>第二个段落</p>3、 i 回.Q 星例X C D file:/C:/User 三HTML水平线标签<hr /><p>HTMLK平线标签 <hr/></p><hr/>4、其中，图片名称为“ yzxx.png ”，假设图片与网页文件在同一个文件夹内，超链接的链 接地址为""。C D fileW/C:/Us 会=跳转到百度！百度图片超链接;跳转到百度：<a href=""> 百度</a>图片超链接：<a href=" "><img src="yzxx.png" /></a>5、C r fiie7/C；AJs<"=QQB.二D.棉漏口U 一困-r,Ln系系阿阳济<ul type="circle"><li>柠檬茶</li><li>葡萄汁</li><li> 可口可乐 </li></ul><ol type="A" start="2"><li>银河系</li><li>太阳系</li><li> 地球 </li></ol>6、。信用.公开学院斯元口计箕讥工栏系-自动化工程枭善那用前系部设置<ul><li>学院概况<ul><li>学院简介</li><li>信息公开</li></ul></li><li>学院新闻</li><li>系部设置<ul><li>计算机工程系</li><li>自动化工程系</li><li>基础课部</li></ul></li></ul><table border="1"><caption> 设备表 </caption><tr><th> 序号 </th><th>设备名称</th><th>设备型号</th></tr> <tr><td>1</td><td>A 设备 </td><td>HS-1</td></tr><tr><td>2</td><td>B 设备 </td> <td>HB-4</td></tr><tr><td>3</td><td>C 设备 </td><td>WSWS-9</td></tr><table>8、性别默认选中“男”， 选中“男”时传值“ 1”，选中“女”时传值“0”get方法提交数据到本页面。C E file:/C:/Users/Adn t4 三用户名;| 一II 5%|性就男,女。爱好：打篮球游泳中国象棋<form action="#" method="get">用户名： <input type="text" name="user" /><br />密码： <input type="password" name="pass" /><br />性别：JU <input type="radio" name="sex" value="1" checked="checked"/><input type="radio" name="sex" value="0" /><br /> 爱好：打篮球"/游泳"/中国象棋"/br /打篮球 <input type="checkbox" name="likes" value=" 游泳 <input type="checkbox" name="likes" value=" 中国象棋 <input type="checkbox" name="likes" value=" 所在城市：<select name="city"><option value="d 匕京"> d 匕京 </option><option value="上海"> 上海 </option><option value="乌鲁木齐"乌鲁木齐 </option></select><br />个人介绍：<br /><textarea cols="30" rows="3"></textarea><br /><input type="submit" value=" 注册"/><input type="reset" value=" 重置"/></form>留言：<br /><textarea cols="30" rows="3"></textarea><br /><input type="submit" value=" 提交"/><input type="reset" value=" 重置"/></form>第四部分：HTME素归类1、从以下HTM玩素中找出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 ):宽度和高度根据内容自适应；可以自定义高度、 宽度无效。
