上机作业1要点整理

一、 获取请求报头
Enumeration enums = request.getHeaderNames();
while (enums.hasMoreElements()) {
String headerName = (String) enums.nextElement();
String headerValue = request.getHeader(headerName);
out.print("" + headerName + ": ");
out.println(headerValue + “
”);
}
二、 插入背景音
<audio autoplay="autoplay" loop="loop" preload="auto" src="2.mp3"></audio>
三、background属性[1]

值	描述
background-color	规定要使用的背景颜色。
background-position	规定背景图像的位置。
background-size	规定背景图片的尺寸。
background-repeat	规定如何重复背景图像。
background-origin	规定背景图片的定位区域。
background-clip	规定背景的绘制区域。
background-attachment	规定背景图像是否固定或者随着页面的其余部分滚动。
background-image	规定要使用的背景图像。
inherit	规定应该从父元素继承 background 属性的设置。

（一）background-color可能的值[2]

值	描述
color_name	规定颜色值为颜色名称的背景颜色（比如 red）
hex_number	规定颜色值为十六进制值的背景颜色（比如 #ff0000）。
rgb_number	规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）
transparent	默认。背景颜色为透明。
inherit	规定应该从父元素继承 background-color 属性的设置。

四、一些基础

（一）项目列表

<ul><li></li></ul>

（二）超链接

<a href=" #"> </a>

（三）导航条

导航栏=链接列表

1、 水平导航条

<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>

2、 垂直导航条

a
{
display:block;
width:60px;
}

（四）单选按钮

<input type="radio" name="radio" value="1">单选1 
<input type="radio" name="radio" value="2">单选2 
<input type="radio" name="radio" value="3" checked>单选3 
<input type="radio" name="radio" value="4">单选4 

PS：name值一定要相同才能够单选，要默认选项，加一个属性checked就行了

五、表格[10]

（一）表格边框
table, th, td
{
border: 1px solid black;
}

（二）折叠边框
table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
}

（三）表格宽度和高度
table
{
width:100%;
}
th
{
height:50px;
}

（四）表格文字对齐
1、水平对齐
td
{
text-align:right;
}
2、 垂直对齐
td
{
height:50px;
vertical-align:bottom;
}

（五）表格填充
td
{
padding:15px;
}

（六）表格颜色
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}

六、学习总结
首先巩固了先前关于JAVASCRIPT以及CSS的学习；其次，发现了“菜鸟联盟”这样一个十分优秀的学习网站，该网站会将核心语句单独列出，除此之外他还会提供些许例子，可以直接地试运行，是一个非常益于学习的网站；最后，在进行编写总结文档过程中，还学习并熟练掌握了上标、下标快捷键的使用。

参考文献：
1、 http://www.w3school.com.cn/cssref/pr_background.asp
2、http://www.w3school.com.cn/cssref/pr_background-color.asp
3、http://www.w3school.com.cn/cssref/pr_background-position.asp
4、http://www.w3school.com.cn/cssref/pr_background-size.asp
5、http://www.w3school.com.cn/cssref/pr_background-repeat.asp
6、http://www.w3school.com.cn/cssref/pr_background-origin.asp
7、http://www.w3school.com.cn/cssref/pr_background-clip.asp
8、http://www.w3school.com.cn/cssref/pr_background-attachment.asp
9、http://www.w3school.com.cn/cssref/pr_background-image.asp
10、http://www.runoob.com/css/css-table.html