- 若有 double *p,x[10];int i=5;使指针变量 p指向元素 x[5]的语句为（）。
正确答案: A 你的答案: A (正确)
p=&x[i];
p=x;
p=x[i];
p=&(x+i)
- 设函数fun和实参数组的说明形式为：
void fun(char ch,float x[]);
float a[10];
以下对函数的调用语句中，正确的是（）
正确答案: D 你的答案: C (错误)
A.fun(“abc”，a[]);
B.t=fun(‘D’，A);
C.fun(‘65’，2.8);
D.fun(32，a);
选D。考察的是对函数的调用，涉及到调用时的实参和函数定义时的形参匹配问题。
根据题目：函数定义fun第一个参数为char类型，第二个为float数组类型。
选项A：“abc”属于字符串，与定义函数参数不匹配，所以A错误。
选项B：fun函数为void没有返回值，所以无法赋值给t；所以B错误。
选项C：第二个参数2.8属于double类型，float类型后面需加上f，即2.8f。因此和定义函数参数类型不匹配，所以C错误。
- 下述有关虚函数和纯虚函数说法错误的是？
正确答案: C 你的答案: C (正确)
A.被virtual关键字修饰的成员函数，就是虚函数
B.在基类中实现纯虚函数的方法是在函数原型后加“=0” virtual void C.funtion1()=0
D.同时含有纯虚拟函数的类称为抽象类，它可以被实例化，但是对象不可以调用纯虚函数
使用纯虚函数的意义是在很多情况下，基类本身生成对象是不合情理的
抽象类不能被实例化，但是能作为指针或引用指向派生类的对象或函数。
4. 请阅读以下程序： void main() { int a=5,b=0,c=0; if (a=b+c) printf ("***\n"); else printf("$$$\n"); } 以上程序（）。 正确答案: D 你的答案: B (错误) 有语法错不能通过编译 可以通过编译但不能通过连接 输出*** 输出$$$ 【解释】if后面的表达式可以是任何类型的表达式，当然可以是赋值表达式，所以答案A和B是错误的，因赋值表达式的值为0（即为假），所以执行else后的语句，输出$$$。故正确答案是D。 5. 以下程序 main() { int m,n,p;
scanf(“m=%dn=%dp=%d”,&m,&n,&p);
printf("%d%d%d\n",m,n,p);
}
若想从键盘上输入数据,使变量m中的值为123,n中的值为456,p中的值为789,则正确的输入是( ) 。
正确答案: A 你的答案: C (错误)
m=123n=456p=789
m=123 n=456 p=789
m=123,n=456,p=789
123 456 789
scanf函数完全就是字符串匹配而已啦。
如果你这么写，scanf("%d %d %d",&m,&n,&p);那么输入就应该是123 456 789；
如果写成scanf("%d,%d,%d",&m,&n,&p);那么输入就应该是123,456,789。
字符串一个一个的匹配，匹配到%d时，就自动把数值赋给右边的参数…
- 下列程序段的输出结果为（）。
float k=0.8567;
printf("%06.1f%%",k*100);
正确答案: B 你的答案: B (正确)
0085.6%%
0085.7%
0085.6%
.857
6是用六个位置，0是指第一个非零数字前用零填充，.1小数点后保留1位小数,%%是输出%
7 . 以下不正确的说法是:C 语言规定（）。
正确答案: B 你的答案: D (错误)
实参可以是常量,变量或表达式
形参可以是常量,变量或表达式
实参可以为任何类型
形参应与其对应的实参类型一致
1.形参变量只有在被调用时才分配内存单元，在调用结束时，即刻释放所分配的内存单元。因此，形参只在函数内部有效。函数调用结束返回主调用函数后则不能再使用该形参变量。 2、实参可以是常量、变量、表达式、函数等，无论实参是何种类型的量，在进行函数调用时，它们都必须有确定的值，以便把这些值传送给形参。因此应预先用赋值，输入等办法使参数获得确定值。 3、实参和形参在数量上，类型上、顺序上应严格一致，否则就会发生类型不匹配的错误。 4、在一般传值调用的机制中只能把实参传送给形参，而不能把形参的值反向地传送给实参。因此在函数调用过程中，形参值发生改变，而实参中的值不会变化。而在引用调用的机制当中是将实参引用的地址传递给了形参，所以任何发生在形参上的改变实际上也发生在实参变量上。
8.void test1() { unsigned char array[MAX_CHAR+1],i; for(i=0;i<=MAX_CHAR;i++){ array[i]=i; } } char*test2() { char p[] = "hello world"; return p; } char *p =test2(); void test3(){ char str[10]; str++; *str='0'; } 正确答案: A 你的答案: B (错误) 0 1 2 3
第一个问题： 重点不在于CHAR_MAX的取值是多少，而是在于i的取值范围是多少。 一般char的取值范围是-128到127，而u char 则是0~255，所以i的取值范围是0~255. 所以当CHAR_MAX常量大于255时，执行i++后，i不能表示256以上的数字，所以导致无限循环。 第二个问题： 重点在于函数中p的身份，他是一个指针，还是数组名；
如果是指针p，则p指向存放字符串常量的地址，返回p则是返回字符串常量地址值，调用函数结束字符串常量不会消失（是常量）。所以返回常量的地址不会出错。
如果是数组p，则函数会将字符串常量的字符逐个复制到p数组里面，返回p则是返回数组p，但是调用函数结束后p被销毁，里面的元素不存在了。
例子中p是数组名，所以会出错，p所指的地址是随机值。
若是把char p[]=“hello”;改成char *p=“hello”;就可以了。
第三个问题：
重点在于str++;这实际的语句就是str=str+1;而str是数组名，数组名是常量，所以不能给常量赋值。（可以执行str+1，但是不能str=.）
9.print函数声明为void print(int a,char b=‘b’,int c=1); 下面函数调用正确的是（ ）
正确答案: A B C D 你的答案: C D (错误)
print(‘a’);
print(5,8);
print(5,’#’);
print(5,’#’,2);
10.【单选】下面函数的输出结果是什么：
void func() {
int k = 1^(1 << 31 >> 31);
printf("%d\n", k);
}
正确答案: C 你的答案: D (错误)
0
-1
-2
1
1为整数，补码=原码=0000 0000 0000 0000 0000 0000 0000 0001 1算术左移31位（算术左移右边补0） = 1000 0000 0000 0000 0000 0000 0000 0000 然后算术右移31位（算术右移左边补位与最高位相同）= 1111 1111 1111 1111 1111 1111 1111 1111 则1<<31>>31 = 1111 1111 1111 1111 1111 1111 1111 1111 最高位为1 是负数，故原码 = 1000 0000 0000 0000 0000 0000 0000 0001 = -1 最后表达式即为1^-1 = 0000 0000 0000 0000 0000 0000 0000 0001 ^ 1111 1111 1111 1111 1111 1111 1111 1111 =1111 1111 1111 1111 1111 1111 1111 1110 最终结果为 1111 1111 1111 1111 1111 1111 1111 1110 为负数 其原码为1000 0000 0000 0000 0000 0000 0000 0010 = -2
**数量关系** 1. 19，4，18，3，16，1，17，( ) 正确答案: D 你的答案: D (正确) 5 4 3 2
两项相差15 19-4=18-3=16-1=17-2
2.22 ，24 ，27 ，32 ，39 ，( ) 正确答案: C 你的答案: C (正确) 40 42 50 52
质数数列： 2,3,5,7,11,13,17,19,23,29....
2. 在全县上下的共同努力下,某县广均税费负担逐年下降,2001年比2000年下降了3%.2002年下降了4%,2003年比2002年下降下5%,问2003年该县的户均税费负担比2000年下降了百分之几? 正确答案: A 你的答案: A (正确) 11.536 12 18.358 15.329
设2000年税费为1,则2001为0.97,2002为0.97*0.96,2003为0.97*0.96*0.95,为0.88464. 答案为1-0.88464,选A.
4.李主任在早上8点30分上班之后参加了一个会议，会议开始时发现其手表的时针和分针呈120度角，而上午会议结束时发现手表的时针和分针呈180度角。问在该会议举行的过程中，李主任的手表时针与分针呈90度角的情况最多可能出现几次？ 正确答案: A 你的答案: A (正确) 4 5 6 7
四次，时针每分钟转0.5°，分钟每分钟转6°，所以时针和分针每隔16分钟会形成一个90°的夹角（开始位置二者夹角为零的情况下）。 本题：开始夹角为120°，约9.5分，结束夹角180°，约11.27分；从9.5分开始，过16分钟，二者夹角变化为120°+90°；依次计算，当求得夹角每经过依次90或270，则记一次，从会议开始到结束，一共四次
5.5 2 ，3 ，6 ，9 ，17 ，（ ） 正确答案: B 你的答案: C (错误) 18 23 36 45
中间两项6+9=15 向外一层3+17=20 和的差为5，最外层和为20+5 最外层2+（）=25 即（）=23
1.骨骼 对于 （ ） 相当于 （ ） 对于 房屋 正确答案: A 你的答案: C (错误) 人体 梁柱 上肢 窗户 关节 钢筋 肌肉 电梯
2.打折：促销：竞争
正确答案: A 你的答案: A (正确)
奖金：奖励：激励
日食：天体：宇宙
娱乐：游戏：健康
京剧：艺术：美感
3.
在由发展中国家向经济发达国家前进的过程中，大量资本支持是必不可少的条件，而高储蓄率是获得大量资本的必要条件。就目前来说，中国正处于经济起飞时期，因此，储蓄率高是当前经济发展中的一种正常而合理的现象。
由此可以推出：
正确答案: D 你的答案: C (错误)
有了大量的资本支持，就可以实现由发展中国家向发达国家的跨越
有了高储蓄率，就可以获得大量的资本支持
如果没有获得大量的资本支持，说明储蓄率不高
如果没有高储蓄率，就不能实现向发达国家的转变
4等温线：等压线
正确答案: D 你的答案: A (错误)
阵风：海浪
游行：街道
化学：数学
温度：电压
5
从世界经济的发展历程来看，如果一国或地区的经济保持着稳定的增长速度，大多数商品和服务的价格必然随之上涨，只要这种涨幅始终在一个较小的区间内就不会对经济造成负面影响。
由此可以推出，在一定时期内：
正确答案: C 你的答案: B (错误)
如果大多数商品价格上涨，说明该国经济正在稳定增长
如果大多数商品价格涨幅过大，对该国经济必然有负面影响
如果大多数商品价格不上涨，说明该国经济没有保持稳定增长
如果经济发展水平下降，该国的大多数商品价格也会降低
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习01电影页面</title>
</head>
<body>
<div style="background-color: aqua;margin-top:10px;padding: 10px;">
<h2 style="padding-top: 20px;padding-left: 20px;">热门电影板块</h2>
<hr/>
<span style="margin-left: 20px;font-weight: bold;">最近热门电影<span>
<span style="margin-left: 20px;">最新</span>
<span style="margin-left: 20px;">豆瓣高分</span>
<span style="margin-left: 20px;">冷门佳片</span>
<span style="margin-left: 20px;">华语</span>
<span style="margin-left: 20px;">欧美</span>
<span style="margin-left: 20px;">韩国</span>
<span style="margin-left: 20px;">日本</span>
<span style="margin-left: 20px;">更多>></span>
<hr/>
</div>
<div style="background-color:yellow;margin-top:10px;">
<img src="./img/u=3874823471,2723211400&fm=26&gp=0.jpg" width="23%" height="%90">
<img src="./img/p2410846893.webp" width="23%" height="%90">
<img src="./img/15652035381680.jpg" width="23%" height="%90">
<img src="./img/p2430385341.webp" width="23%" height="%90">
</div>
<div style="height:50px;margin-top:10px;">
<span style="font-size:25px;width:23%;">
<a href="https://www.weibotu.net/vod-play-id-19698-src-1-num-1.html/">猜火车</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 90px;">
<a href="https://www.weibotu.net/vod-play-id-49300-src-1-num-1.html">贝尔科实验</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 45px;">
<a href="https://www.weibotu.net/vod-play-id-49300-src-1-num-1.html">加州公路巡警</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 20px;">
<a href="https://www.mldy.cc/vodplay/21987-2-1.html">歌声不绝</a>
</span>
</div>
<div style="background-color:yellow;margin-top:10px;">
<img src="./img/u=3874823471,2723211400&fm=26&gp=0.jpg" width="23%" height="%90">
<img src="./img/p2410846893.webp" width="23%" height="%90">
<img src="./img/15652035381680.jpg" width="23%" height="%90">
<img src="./img/p2430385341.webp" width="23%" height="%90">
</div>
<div style="height:50px;margin-top:10px;">
<span style="font-size:25px;width:23%;">
<a href="https://www.weibotu.net/vod-play-id-19698-src-1-num-1.html/">猜火车</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 90px;">
<a href="https://www.weibotu.net/vod-play-id-49300-src-1-num-1.html">贝尔科实验</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 45px;">
<a href="https://www.weibotu.net/vod-play-id-49300-src-1-num-1.html">加州公路巡警</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 20px;">
<a href="https://www.mldy.cc/vodplay/21987-2-1.html">歌声不绝</a>
</span>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习01电影页面</title>
</head>
<body>
<div style="background-color: aqua;margin-top:10px;padding: 10px;">
<h2 style="padding-top: 20px;padding-left: 20px;">热门电影板块</h2>
<hr/>
<span style="margin-left: 20px;font-weight: bold;">最近热门电影<span>
<span style="margin-left: 20px;">最新</span>
<span style="margin-left: 20px;">豆瓣高分</span>
<span style="margin-left: 20px;">冷门佳片</span>
<span style="margin-left: 20px;">华语</span>
<span style="margin-left: 20px;">欧美</span>
<span style="margin-left: 20px;">韩国</span>
<span style="margin-left: 20px;">日本</span>
<span style="margin-left: 20px;">更多>></span>
<hr/>
</div>
<div style="background-color:yellow;margin-top:10px;">
<img src="./img/u=3874823471,2723211400&fm=26&gp=0.jpg" width="23%" height="%90">
<img src="./img/p2410846893.webp" width="23%" height="%90">
<img src="./img/15652035381680.jpg" width="23%" height="%90">
<img src="./img/p2430385341.webp" width="23%" height="%90">
</div>
<div style="height:50px;margin-top:10px;">
<span style="font-size:25px;width:23%;">
<a href="https://www.weibotu.net/vod-play-id-19698-src-1-num-1.html/">猜火车</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 90px;">
<a href="https://www.weibotu.net/vod-play-id-49300-src-1-num-1.html">贝尔科实验</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 45px;">
<a href="https://www.weibotu.net/vod-play-id-49300-src-1-num-1.html">加州公路巡警</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 20px;">
<a href="https://www.mldy.cc/vodplay/21987-2-1.html">歌声不绝</a>
</span>
</div>
<div style="background-color:yellow;margin-top:10px;">
<img src="./img/u=3874823471,2723211400&fm=26&gp=0.jpg" width="23%" height="%90">
<img src="./img/p2410846893.webp" width="23%" height="%90">
<img src="./img/15652035381680.jpg" width="23%" height="%90">
<img src="./img/p2430385341.webp" width="23%" height="%90">
</div>
<div style="height:50px;margin-top:10px;">
<span style="font-size:25px;width:23%;">
<a href="https://www.weibotu.net/vod-play-id-19698-src-1-num-1.html/">猜火车</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 90px;">
<a href="https://www.weibotu.net/vod-play-id-49300-src-1-num-1.html">贝尔科实验</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 45px;">
<a href="https://www.weibotu.net/vod-play-id-49300-src-1-num-1.html">加州公路巡警</a>
</span>
<span style="font-size:25px;width:23%;margin-left: 20px;">
<a href="https://www.mldy.cc/vodplay/21987-2-1.html">歌声不绝</a>
</span>
</div>
</body>
</html>
Web前置课笔记
有哪些端？
- Web前端手机也行电脑也行-浏览器
- 移动端在手机
- PC客户端在电脑
- 后端/后台
前端主要负责两个事：
- 负责用户数据的输入
- 负责向用户展示数据
前端主要的知识点
第一部分 HTML5
HTML：超文本标记语言 将数据进行基础的排版 根据标签的定义进行语义或排版
1.1 HTML5常见元素与属性
1.1.1 基本元素
- html：HTML文档的根标签
- head：页面的头部，存放的是一些关于页面的设置等信息，不会当成正文显示在网页里
- body：页面的主体，正文，其内容都会呈现在网页中
- title：网页的标题
- meta：主要用于设置网页内容
- style：用于使用CSS样式表
- h1-h6：标题1-标题6，块级元素
- p：段落，块级元素，段前段后间距
- span：一段文字，内联元素，不换行
- font：字体标签，内联
- hr：一条水平线，块级
- div：盒子，容器，文档的节，主要用于页面布局，块级，它可以容纳很多其他元素
<!--声明为HTML5文档-->
<!DOCTYPE html>
<!--HTML的根标签-->
<html>
<!--页面头部信息-->
<head>
<title>01基本元素</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
</head>
<!--页面主体信息-->
<body>
<h1>这是h1</h1>
<h6>这是h6</h6>
<!-- #RGB #RRGGBB 0~F -->
<span>
<font color="#FF1188">
这是一句孤立的话
</font>
</span> <br>
<span>
<font color="#00f">
这也是一句孤立的话
</font>
</span>
<p align="center">
这是一段话
</p>
<hr>
<p align="right">
这又是一段话
<span>
<font color="#00f">
这也是一句孤立的话
</font>
</span>
</p>
<div style="background-color: aqua; width: 50%;height: 200px;">
<p align="center">
这是div1中的一段话
</p>
</div>
<div style="background-color: brown;">
<p align="center" style="color:aliceblue">
这是div2中的一段话
</p>
</div>
</body>
</html>
1.1.2 文本格式化元素
- b/strong：加粗
- i/em：斜体
- sup：上标文本
- sub：下标文本
- small：小号文本
- big：大号文本
- bdo：文本方向 dir属性来标记文本方向 ltr rtl
<!DOCTYPE html>
<html>
<head>
<title>02文本格式化元素</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
</head>
<body>
<span>
<b><i>加粗斜体文本</i></b>
</span>
<br>
<span>
<small>小号文本</small><br>
<big>大号文本</big><br>
</span>
<!--An=A1+(n-1)*d-->
<p>
A<sub>n</sub>=A<sub>1</sub>+(n-1)*d<br>
</p>
<!-- 2^x=n 推出 x=log2n-->
<p>
2<sup>x</sup>=n 推出 x=log<sub>2</sub>n<br>
</p>
<bdo dir="ltr">
JavaPythonC++
</bdo>
<br>
<bdo dir="rtl">
JavaPythonC++
</bdo>
</body>
</html>
常见的转义字符
-
<：<
-
>：>
-
：空格
-
¥：￥
-
"："
-
÷：÷
-
©：©
-
®: ®
1.1.3 语义相关元素
- abbr：缩写，用title属性来标记全称
- address：地址，块级元素
- blockquote：长段引用，用cite属性标记引用的出处 块级元素
- q：短引用，用cite属性标记引用的出处，默认加双引号
- cite：表示作品的名称
- code：表示一段代码 块级
- pre：预格式化 块级
- kbd：键盘录入标记
- dfn：专业术语
- var：变量标签
- del：删除文本
- ins：插入文本
<!DOCTYPE html>
<html>
<head>
<title>03语义相关元素</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
</head>
<body>
<abbr title="西安鸥鹏互联科技有限公司">西安鸥鹏</abbr><br>
西安鸥鹏的地址是<address>陕西省西安市自力大厦</address>
呵呵呵<br>
<blockquote>
北国风光，千里冰封，万里雪飘，望长城内外，惟余莽莽，大河上下，顿失滔滔，山舞银蛇，原驰蜡象，欲与天公试比高，须晴日，看红装素裹，分外妖娆，江山如此多娇，引无数英雄竞折腰，惜秦皇汉武，略输文采，唐宗宋祖，稍逊风骚，一代天骄，成吉思汗，只识弯弓射大雕，俱往矣，数风流人物，还看今朝。
</blockquote>
<q>Java很好学，呵呵~</q>
上述话是<cite>鸥鹏张老师</cite>说的
<br>
<code>
#include<stdio.h><br>
void main(){<br>
printf("HelloWorld!");<br>
}
</code>
<pre>
#include<stdio.h>
void main(){
printf("HelloWorld!");
}
</pre>
呵呵
众所周知<kbd>ctrl + c</kbd>是复制<br>
在Linux中<kbd>list -l</kbd>显示当前目录的信息<br>
<dfn>HTML</dfn>是超文本标记语言<br>
<var>i</var>+<var>j</var>=10
在Java多线程中，<del>stop()</del>方法已经过时，推荐使用<ins>interrupt()</ins>
</body>
</html>
1.1.4 超链接和锚点
只有一个标签<a>,有如下几个重要的属性：
- href：所链接到的资源，可以是本地的，也可以是互联网上的
- target：新链接的打开方式，
_self，_blank
- media：媒体类型
<!DOCTYPE html>
<html>
<head>
<title>04超链接与锚点</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
</head>
<body>
<a href="04超链接与锚点.html#end">点击此处到达文章末尾</a>
<a href="http://www.baidu.com" target="_self">点击打开百度</a><br>
<a href="http://www.baidu.com" target="_blank">点击打开百度</a><br>
<a href="C:\Users\HENG\Desktop\WebDay01\01基本元素.html" target="_blank">打开01基本元素.html</a><br>
<a href="http://www.baidu.com">
<img src="logo.jpg" width="100px">
</a><br>
<!--做一个锚点-->
<a name="end">这是一个页面的结尾锚点</a>
</body>
</html>
1.1.5 列表相关元素
- ul：无序列表
- type属性：circle、disc、square
- ol：有序列表
- li：有序和无序列表的子选项
- dl：自定列表
- dt：自定义分类
- dd：自定义的选项
<!DOCTYPE html>
<html>
<head>
<title>05列表相关</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
</head>
<body>
<ul type="square">
<li>java</li>
<li>C++</li>
<li>Python</li>
</ul>
<ol type="I" start="2">
<li>java</li>
<li>C++</li>
<li>Python</li>
<li>java</li>
<li>C++</li>
<li>Python</li>
</ol>
<dl>
<dt>宇智波家族有谁：</dt>
<dd>啥是gay</dd>
<dd>一打七</dd>
<dd>马达拉</dd>
<dt>千手家族有谁：</dt>
<dd>大奶牛</dd>
<dd>哈希他妈</dd>
</dl>
</body>
</html>
1.1.6 图形图形相关元素
img标签主要用于表示一个图像，有这么几个重要的属性：
- src：图片的路径 可以是本地的 可以是网络上的
- width：宽度
- height：高度
- alt：如果图片加载不出来，则用alt文本表示
- title：图片的文字说明
- bodder：边框
<!DOCTYPE html>
<html>
<head>
<title>06图形图像</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
</head>
<body>
<img src="logo.jpg" width="400px" title="迪丽热巴我爱你"/><br>
<img src="logo.jpg" height="200px" border=10/><br>
<img src="https://bkimg.cdn.bcebos.com/pic/37d3d539b6003af33a87a65fc160d15c1038534318f3?x-bce-process=image/watermark,image_d2F0ZXIvYmFpa2UxMTY=,g_7,xp_5,yp_5" height="100px"/>
<br>
<img src="" alt="图片正在加载"/>
<p>
这位是我的媳妇<img src="logo.jpg" height="200px"><br>
这位是我的媳妇<img src="logo.jpg" height="200px" align="center"><br>
这位是我的媳妇<img src="logo.jpg" height="200px" align="top"><br>
这位是我的媳妇<img src="logo.jpg" height="200px" align="bottom"><br>
这位是我的媳妇<img src="logo.jpg" height="200px" align="middle"><br>
这位是我的媳妇<img src="logo.jpg" height="200px" align="left"><br>
这位是我的媳妇<img src="logo.jpg" height="200px" align="right"><br>
</p>
<hr>
<br>
<img src="logo.jpg" usemap="#Map"/>
<map name="Map">
<area shape="circle" coords="402,299,23" href="http://www.newcoder.com" target="_blank">
<area shape="rect" coords="456,251,485,319" href="http://www.newcoder.com" target="_blank">
<area shape="poly" coords="400,365,446,268,446,381" href="http://www.newcoder.com" target="_blank">
</map>
</body>
</html>
电影海报页面
<!DOCTYPE html>
<html>
<head>
<title>练习01电影页面</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
</head>
<body>
<!--标题栏-->
<div style="margin-top: 20px;padding: 20px;">
<h1>热门电影版块</h1>
<hr color="#CCC" size="1">
<span><strong>最近热门电影</strong></span>
<span style="margin-left: 50px;">热门</span>
<span style="margin-left: 50px;">最新</span>
<span style="margin-left: 50px;">豆瓣高分</span>
<span style="margin-left: 50px;">欧美</span>
<span style="margin-left: 50px;">日韩</span>
<span style="margin-left: 50px;">国产</span>
<span style="margin-left: 50px;">冷门佳片</span>
<span style="margin-left: 50px;">更多>></span>
<hr color="#CCC" size="1">
</div>
<!--海报行-->
<div style="height: 400px; margin-top: 20px;">
<img src="movie01.jpg" width="23%" height="90%">
<img src="movie02.jpg" width="23%" height="90%">
<img src="movie03.jpg" width="23%" height="90%">
<img src="movie04.jpg" width="23%" height="90%">
</div>
<!--电影名-->
<div style="height: 50px;margin-top: 10px;">
<span style="font-size: 25px;width: 23%;">
<a href="magnet:?xt=urn:btih:5c839b8e2f8d73d813353b2c572f4170c2353bde&dn=%e9%98%b3%e5%85%89%e7%94%b5%e5%bd%b1www.ygdy8.com.%e6%88%91%e5%92%8c%e6%88%91%e7%9a%84%e5%ae%b6%e4%b9%a1.HD.1080p.%e5%9b%bd%e8%af%ad%e4%b8%ad%e8%8b%b1%e5%8f%8c%e5%ad%97.mp4&tr=udp%3a%2f%2ftracker.opentrackr.org%3a1337%2fannounce&tr=udp%3a%2f%2fexplodie.org%3a6969%2fannounce&tr=udp%3a%2f%2fexodus.desync.com%3a6969%2fannounce">我和我的家乡</a>
</span>
<span style="font-size: 25px;width: 23%;margin-left: 120px;">
<a>沐浴之王</a>
</span>
<span style="font-size: 25px;width: 23%;margin-left: 170px">
<a>雪谷之狼</a>
</span>
<span style="font-size: 25px;width: 23%;margin-left: 170px">
<a>一秒钟</a>
</span>
</div>
</body>
</html>
1.1.7 表格相关元素
- table：表示表格的标签，最多有一个caption表格标题，最多有一个theader表头，最多有一个tfoot表尾，多个tr行，多个td单元格，多个th加粗的tr
- cellspacing：单元格与单元格之间的间距
- cellpadding：单元格内的内边距
- width：表格的宽度
- align：表格内容的对齐方式
- bgcolor：表格的背景颜色
- background：表格的背景图片
- caption：表格的标题
- tr：表格的行
- td：表格的单元格
- rowspan：跨行
- colspan：跨列
- height：高度
- width：宽度
- th：页眉单元格
- tbody：表格的主体部分
- thead：表头
- tfoot：表尾
<!DOCTYPE html>
<html>
<head>
<title>07表格相关元素</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk">
</head>
<body>
<table background="logo.jpg" border="1" width=400 cellspacing=0 cellpadding=0 align="center" style="text-align: center;">
<colgroup >
<col style="width: 50%;" bgcolor=#0f0>
<col style="width: 50%;">
</colgroup>
<caption><b>上课安排表</b></caption>
<thead></thead>
<th>课程</th>
<th>老师</th>
</thead>
<tbody>
<tr>
<td>Web前置课</td>
<td>HENG</td>
</tr>
<tr>
<td>JavaSE</td>
<td>HENG</td>
</tr>
</tbody>
<tfoot>
<td colspan="2" style="text-align: right;">共计两门课程</td>
</tfoot>
</table>
</body>
</html>
