嵌入式开发学习日志（数据库II && 网页制作）Day38

一、数据库ii

1.1 补充

中，Aggregate Functions来搜寻所需平均值、计数、最大值、最小值、总和；

如果找到了所需东西，将flag值改变；反之，不进行操作；

如果没有找到，回调函数show是不会打印结果的；所以写下if判断；

二、网页制作

2.1 基础属性

1.格式

<!DOCTYPE html> //版本说明信息html5
<html> //网页的开始与结束
<head> //网页的说明信息与同步信息，一般不显示

<meta charset="utf-8"> //一般指定为utf-8,需于实际使用编码一致

<title>中文测试。。。。</title>

</head>
<body> //呈现在网页上

这里是测试body测试内容。。。

</body>
</html>

2.标签在body内

标签可以嵌套使用

<h1></h1>双标签标题，加粗，换行 1-6==》小

<p></p> 双标签段落，有换行功效<hr> 单标签左到右分割符

注释

3，元素的属性（可通过www.w3school.com.cn）

给元素提供更多的属性，大部分的元素属性

语法：<标签属性1=参数1>

1）align left，right，center

bgcolor ，body的属性设置网页的背景色

<body bgcolor="0x00ff1234">

4,文本元素属性

b 元素 <b>内容</b> 加粗

br 换行<br> 如果是p标签中间有间隔

i元素，字体倾斜<i></i>

del元素删除文字<del></del>

strong 强调一段文字，效果类似 b标签

u元素，下划线<u></u>

small元素，超小字体<small></small>

sub 下标<sub></sub>

sup 上标<sup></sup>

<br>h<sub>2</sub>0

<br>100m<sup>2</sup>

ruby,拼音，<ruby>二姐 <rt>(er) (jie)<rt></ruby>，可能部分浏览器不支持。

make 元素 <mark> </mark> 加黄色背景

2.2 超链接

5种形式:

1，链接外部网站
2，链接本地文件
3，图片链接

4，电子邮件链接打开电子邮件

5，下载文件链接

上面的方法在打开新网页时，老的网页会关闭

target 属性

_self :当前位置打开默认值

_blank 新窗口中打开

<a href="http://www.baidu.com" target="_blank">baidu</a>

锚点

6 img 单标签

src 图像来源

alt 如果不能正确打开，显示的文字

width, heigh

<img src="abc.jpg" alt="美女" width="100" height="200"> px

<img src="abc.jpg" alt="美女" width="50%" height="200%">
百分比是相对于网页而言的，高度百分比无效的

7、列表

有序列，无需序列

自定义列表

无序列表前面无数字

<ul>

<li>列表1</li>

<li>列表2</li>

<li>列表3</li>

<li>列表4</li>

</ul>

有个type属性文字最前面的符号

disc 黑色实心圆

circle 白色空心圆

square 黑色方块

有序列，前面有数字

<ol>

<li>列表1</li>

<li>列表2</li>

<li>列表3</li>

<li>列表4</li>

</ol>

其中可以放文字，图片，或链接

有type属性，设置排序使用什么数字

start 开始值，后面的++；

8.表格

表格的构成，

table，外框

tr 行

td 列

<table>

<tr><td></td><td></td><td></td></tr>

<tr><td></td><td></td><td></td></tr>

<tr><td></td><td></td><td></td></tr>

</table>

3行 3列

表格的属性

border 边框粗细

th,是tr的属性，列标题，自动居中，加粗

colspan，横向合并单元格，需要整形参数

<tr><th colspan="3">name</th></tr>

表格的合并

rowspan ,列项合并，整数参数

caption 给表格加标题子属性

表格还有3个字属性

thead 都是双标签

tbody

tfoot

这些属性，后期主要和css，js配合使用

9 html 实体

用于输出一些特殊的字符

有些特殊的字符不能直接在网页中直接显示的

10.表单传递参数，数据

<form>

</form>











13，input元素，（输入框）他是表单的一个字属性

指定表单中的内容项，比如输入内容的文本框

可以指定表单属性，也可以放在表单的外面。

input元素的属性：

type，指定输入框的类型，text单行文本，password密码，submit提交按钮，

reset，重置按键，button按键，普通的按键需要和特定的时间关联。

image：图片式按键

hidden:隐藏字段，该内容不显示在页面上，提交其他的一些变量。

email: 是一个邮箱类型，新特性，可能支持有差异

required:表示内容必须填写，不然不能提交。

name：名称，输入内容识别名称，传递参数时候的参数名称

value：默认值，输入框默认填入的内容，

maxlength，指定最大长度

placeholder,设置提示信息的。

eg：

复制代码

<!DOCTYPE html>
<html >
	<head>
		<meta charset="utf-8">   <!--  指定字符集 -->
		<title>中文测试。。。。</title>
		<style>
body {
  background-image: url(1.png);
}
</style>
	</head>
	<body bgcolor="#00FFFF">
		这里是测试body测试内容。。。
		<h1>h1字体</h1>
		<h3 align='center'>h3
		
		
		
		字体</h3>
		<h6 align='right'>h6字体</h6>
		
		<p><h3>这个分数有点尴尬，只能报中等985院校。专业方面，</h3>我没有什么具体认知。</p>
		<hr>
		<p>		我的家乡在定西下辖的一个贫困县，教育资源偏基础，除了日常上课，学生没有太多兴趣爱好，<h4>对大学生活和专业选择都不太了解。</h4></p>
		 <b>加粗<br>内容</b>
		 <i>字体倾斜</i><del>删除文字</del><u>下划线</u><small>超小字体</small>
		 <br>h<sub>2</sub>0
		<br>100m<sup>2</sup>
		<ruby>二姐 <rt>(er) (jie)<rt></ruby>  <mark> 加黄色背景</mark> 
		
		<a href="http://www.baidu.com">baidu</a>
		<br><a href="02.html">go to 2</a>
		<a href="http://www.jd.com"><img src="2.png"></a>
		<a href="mailto:[email protected]">contract me</a>
		<br><a href='1.7z'>下载</a>
		<img src="1.png" alt="美女" width="50%" height="200">
		
		<ul type='square'> 
		<li>列表1</li>
		<li>列表2</li>
		<li>列表3</li>
		<li>列表4</li>
</ul>

<ol>
		<li>列表1</li>
		<li>列表2</li>
		<li>列表3</li>
		<li>列&nbsp;&nbsp;&nbsp;&nbsp;表4</li>
</ol>

	<table border='1'>
		<tr><td>1-1</td><td>1-2</td><td>1-3</td></tr>
		<tr><td>2-1</td><td>2-2</td><td>2-3</td></tr>
		<tr><td>3-1</td><td>3-2</td><td>3-3</td></tr>
		</table>
		
			<table border='1'>
		<tr><th colspan="3">1-1</th></tr>
		<tr><td>2-1</td><td>2-2</td><td>2-3</td></tr>
		<tr><td>3-1</td><td>3-2</td><td>3-3</td></tr>
		</table>
		
			<table border='1'>
		<tr><th rowspan='3'>1-1</th><td>1-2</td><td>1-3</td></tr>
		<tr><td>2-2</td><td>2-3</td></tr>
		<tr><td>3-2</td><td>3-3</td></tr>
		</table>
	</body>
</html>

<!DOCTYPE html>
<html >
	<head>
		<meta charset="utf-8">   <!--  指定字符集 -->
		<title>中文测试。。。。</title>
		<style>
body {
  background-image: url(1.png);
}
</style>
	</head>
	<body bgcolor="#00aaFF">
		这里是测试body测试内容。。。
		<h1>h1字体</h1>
		<h3 align='center'>h3
		
		
		
		字体</h3>
		<h6 align='right'>h6字体</h6>
		
		<p><h3>这个分数有点尴尬，只能报中等985院校。专业方面，</h3>我没有什么具体认知。</p>
		<hr>
		<p>		我的家乡在定西下辖的一个贫困县，教育资源偏基础，除了日常上课，学生没有太多兴趣爱好，<h4>对大学生活和专业选择都不太了解。</h4></p>
		 <b>加粗<br>内容</b>
		 <i>字体倾斜</i><del>删除文字</del><u>下划线</u><small>超小字体</small>
		 <br>h<sub>2</sub>0
		<br>100m<sup>2</sup>
		<ruby>二姐 <rt>(er) (jie)<rt></ruby>  <mark> 加黄色背景</mark> 
		
		<a href="http://www.baidu.com">baidu</a>
		<br><a href="01.html">go to 1</a>
	</body>
</html>

<!DOCTYPE html>
<html >
	<head>
		<meta charset="utf-8">   <!--  指定字符集 -->
		<title>登录页面</title>
		<style>
body {
  background-image: url(1.png);
}
</style>
	</head>
	<body bgcolor="#00FFFF">
		
		<form action='http://www.baidu.com'>
		
		用户名：<input type='text'  name='username' required='required' placeholder='请输入你qq账号'>
		密码:      <input type='password' name='userpass' required='required' placeholder='请输入你wechat账号'>
		<input type='submit'> 
		</form>
	</body>
</html>