HTML语言基础练习题_第1页
HTML语言基础练习题_第2页
HTML语言基础练习题_第3页
HTML语言基础练习题_第4页
HTML语言基础练习题_第5页
已阅读5页,还剩2页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、1、单词head,头character,字符body,身体column ,歹Ublock,块caption ,说明文字inline , 一行内list,列表width ,宽度form ,表单height,高度type,尖型image,图像input,输入title ,标题text,文本parent,父亲password,密码blank,空白的value,值table,表格select,选择row ,行option ,选项2、词语缩写第一部分:基础词汇textarea ,文本域 submit,提交 button ,按钮 reset,重置 action ,动作 method ,方法 target,

2、目标 left,左 right,右 center,中 top ,上 bottom ,下术语:HTML., HyperText Markup Language,超级文本标记语言术语:URL, Uniform Resoure Locator ,统一资源定位器术语:HTTP, Hyper Text Transfer Protocol,超文本传输协议术语: WWW, World Wide Web ,万维网术语:IP, Internet Protocol ,网络互连协议属性:src, source,源属性:href, hypertext reference ,超文本弓I用属性:id, identific

3、ation ,身份证、唯一标识属性:class,类别属性:title ,标题、字幕属性:style,样式标签:a, anchor,锚或超链接标签:div, division ,部分区域标签:ul, unordered lists ,无序列表标签:ol, ordered lists ,有序列表标签:img, image,图像标签:p, paragraph ,段落标签:meta, metadata ,元数据、描述信息的数据第二部分:HTML基本结构(以html5为例)<!DOCTYPE html><html><head><meta charset=&quo

4、t;utf-8" /><title> 页面标题 </title></head><body>页面元素及内容部分</body></html>第三部分:看页面效果图,写出 HTML代码1、当鼠标光标移动至段落上时,要求显示字幕信息“我是段落”。心室典H =C户产;=我是一级标题这是一;©落<h1>我是一级标题</h1><p title="我是段落”>这是一个段落</p>2、有一幅鲜花图片,名称为,假设图片与网页文件在同一个文件夹内,设置鲜花图片

5、的高度为85px,宽度为100px,并要求实现鼠标指针停留在图片上时,显示字幕“鲜化i 。<p>第一个段落</p><img src="./" title="鲜花"width="100px" height="85px" /><p>第二个段落</p>3、'- Ji 回.室例« .C* D filey/ZC/Useif1 =HTML水平线标签<hr /><p>HTML 水平线标签 &lt;hr/&gt;&

6、lt;/p><hr />4、其中,图片名称为,假设图片与网页文件在同一个文件夹内,超链接的链接地址为 ""O/ xV£ f G 飞 file:/C/Us 锄三跳转到百度;百度图片超链接;跳转到百度:<a href="">百度</a>图片超链接:<a href=" "><img src="" /></a>5、神坛茶 司矣汁 可:口可乐沟旭球U : fj|py/'CybwrAdn'ij,=B.二D.<ul ty

7、pe="circle"><li>柠檬茶</li><li>葡萄汁</li><li>可口可乐 </li></ul><ol type="A" start="2"><li>银河系</li><li>太阳系</li><li> 地球 </li></ol>信0 :铲姻蛔介-学秋新国系笆/苜。计葬机程系u UitHE工程不基础嘿嬴<ul><li>

8、学院概况<ul><li>学院简介</li><li>信息公开</li></ul></li><li>学院新闻</li><li>系部设置<ul><li>计算机工程系</li><li>自动化工程系</li><li>基础课部</li></ul></li></ul><table border="1"><caption> 设备表

9、 </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>

10、;<tr><td>3</td><td>C 设备 </td><td>WSWS-9</td></tr><table>,选中“女”时传值0”8、性别默认选中“男”, 选中“男”时传值“ 1get方法提交数据到本页面。<form action="#" method="get">用户名: <input type="text" name="user" /><br /> 密码: <

11、input type="password" name="pass" /><br />性别:JU <input type="radio" name="sex" value="1" checked="checked"/><i <input type="radio" name="sex" value="0" /><br />爱好:打篮球 <input typ

12、e="checkbox" name="likes" value="打篮球"/>游泳 <input type="checkbox" name="likes" value=" 游泳"/>中国象棋 <input type="checkbox" name="likes" value="中国象棋"/><br />所在城市:<select name="city"

13、><option value=" d匕京">d匕京 </option><option value="上海">上海 </option><option value="乌鲁木齐”>乌鲁木齐 </option></select><br />个人介绍:<br /><textarea cols="30" rows="3"></textarea><br /><inp

14、ut 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>第四部分:HTML元素归类1、从以下HTML元素中找出6个块级元素()找出3个内联元素()找出1个典型的内联块元素是()div、span、p、u、img、table、li、a、b、input、ul、sub、 body、i、h2、hr、form2、分别描述块级元素、内联元素和内联块元素的默认显示特征。(1)

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论