太原理工大学web程序阅读Word文件下载.docx
- 文档编号:4976460
- 上传时间:2023-05-04
- 格式:DOCX
- 页数:10
- 大小:87.64KB
太原理工大学web程序阅读Word文件下载.docx
《太原理工大学web程序阅读Word文件下载.docx》由会员分享,可在线阅读,更多相关《太原理工大学web程序阅读Word文件下载.docx(10页珍藏版)》请在冰点文库上搜索。
title>
列表的属性
/title>
!
—
填充说明:
(1)直接使用标记使“最新上榜”标题加粗;
(2)指定列表项编号为数字;
(3)从第2个开始编号;
(4)指定列表项编号为英文大写字母;
-->
ol
>
li>
周大侠<
/li>
七月<
li
(5)
是非题<
天亮了<
顺其自然<
/ol>
3
根据注释提示信息补全代码。
scripttype="
text/javascript"
functioncheckusername(){
varYourname=myform.username.value;
if(
)
//Yourname为空字符或不输入时
{
alert("
用户名不能空!
"
);
}
else
varfirstchar=Yourname.
;
//获取用户输入的首字符
if(firstchar>
="
0"
&
&
firstchar<
9"
//首字符不能为数字
用户名第一个字符不能为数字!
else{
if(
)
//Yourname的长度小于6或大于16
{alert("
用户名长度大于等于6且小于等于16!
}}}}
/script>
formname="
myform"
method="
post"
action="
b>
表单验证<
/b>
br>
用户名:
inputtype="
text"
name="
username"
>
button"
value="
检查"
/*单击并调用函数checkusername*/
reset"
重置"
/form>
4
按下图所示效果,参照注释提示信息,完成代码填充。
样式表-排版
styletype="
text/css"
.p3{text-transform:
capitalize;
/*类选择p4定义说明:
(1)段首空2个字符;
(2)设置行高为35px;
(3)设置背景色为#000033;
(4)设置文字居中对齐(5)设置字符间距为2px;
(6)引用样式p4*/
.p4{
color:
#ffffff;
/style>
p
(6)
核心提示:
3月30日,京东商城推出火车票预订和代购业务。
目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网(以下简称铁友网)等。
铁道部称,12306网站是销售火车票的唯一专业网站,铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务。
span>
commissioner,independentcommission<
/span>
/p>
5
用CSS+DIV完成下图页面布局设计,并按注释提示信息填充代码。
DOCTYPEhtml>
DIV+CSS应用<
#header{
/*
头部宽度为100%*/
height:
70px;
background:
#99cc66;
border-bottom:
1pxsolid#ffffff;
#mainbody{width:
100%;
200px;
#left{
/*左边盒子向左浮动
*/
#99cc33;
width:
20%;
/*盒子右边框2px、实线、白色#ffffff*/
#middle{
/*中间盒子上、下边距为0,左、右边距为25%*/
#cccc66;
#right{float:
right;
#99cc00;
#footer{width:
50px;
#995500;
#clearfloat{clear:
both;
1pxsolid#ffcc00;
div
头部<
/div>
/*引用头部样式*/
divid="
mainbody"
left"
左边<
right"
右边<
middle"
中间<
footer"
页脚<
6
有一a元素,其结构为<
ahref=”#”>
首页<
/a>
它的CSS样式如下,请在下划线处填写代码注释。
a{
font-size:
14px;
text-decoration:
none;
/*___
(1)_
_*/
background-image:
url(pic1.gif);
30px;
padding-left:
5px;
display:
block;
/*___
(2)_
float:
left;
/*___(3)_
line-height:
/*___(4)_
b{
background-image:
url(pic2.gif);
background-position:
righttop;
/*___(5)_
60px;
7
请阅读下面的程序,根据注释中的要求填写代码。
DOCTYPEhtml>
html>
超链接标记<
ahref="
#"
_____
(1)____>
--指定链接页面的打开方式为在新窗口中打开-->
1.jpg"
width="
height="
_____
(2)_____/>
--去掉链接图像的边框-->
8
在浏览器中运行下面的代码,将会出现的结果为(
)。
varnum1=1;
varnum2=2;
if(num1<
num2){
alert('
成立'
)
else{
不成立'
ok'
9
阅读以下代码,并根据要求补全代码。
body
document.body.style.backgroundColor='
blue'
red'
#fff'
h3>
在页面任意位置按下鼠标背景变蓝色,抬起鼠标变红色,双击鼠标变白色<
/h3>
10
(1)外边距属性;
(2)边框属性;
(3)线型为虚线;
(4)input类型为文本;
(5)文本域为5行。
表单应用<
text/css
fieldset{
padding:
10px;
___
(1)__:
width:
270px;
#333;
__
(2)___:
#06c__(3)__1px;
}
legend{
#06c;
font-weight:
800;
#fff;
fieldset>
legend>
个人信息:
/legend>
输入姓名:
__(4)__"
size="
8"
maxlength="
12"
输入爱好:
textareaname="
___(5)__cols="
20"
wrap="
请在此输入信息<
/textarea>
/fieldset>
分析以下代码
script>
window.onload=function(){
vara=document.getElementById(‘mydiv’);
alert(a.lastChild.previousSibling.innerHTML);
dlid=”mydiv”
dt>
aaa<
/dt>
dd>
xxx<
bbb<
ccc<
/dl>
弹出提示对话框的内容是
。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 太原 理工大学 web 程序 阅读