HTML01

最新推荐文章于 2023-09-24 18:24:17 发布

PPDY小芽

最新推荐文章于 2023-09-24 18:24:17 发布

阅读量6.2k

点赞数 2

文章标签： html

本文链接：https://blog.csdn.net/PPDY93/article/details/112250770

版权

若有 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;">更多&gt&gt</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;">更多&gt&gt</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客户端在电脑
后端/后台

前端主要负责两个事：

负责用户数据的输入
负责向用户展示数据

前端主要的知识点

HTML
CSS
JavaScript

第一部分 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&lt;stdio.h&gt;<br>
            void main(){<br>
            &nbsp;&nbsp;&nbsp;&nbsp;printf("HelloWorld!");<br>
            }
        </code>
        <pre>
            #include&lt;stdio.h&gt;
            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：有序列表
- type属性：1，A，I
- start：起始编号
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;">更多&gt;&gt;</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>

PPDY小芽

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML01

若有 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.
复制链接

扫一扫