HTML_无序列表_有序列表_项目列表_超链接_表格_细线表格_Unit_2;

Topic 1： 列表

1.无序列表：

ul 嵌套 li  ；

Practice：

编写下图的一个网页：

代码如下：

	
热点新闻
	
	

	

		
程序员应该涨工资了，因为太辛苦
		
怎么样才能遇见更好的自己！！！
		
我们都在为自己的梦想而奋斗着
		
程序员应该涨工资了，因为太辛苦
		
程序员应该涨工资了，因为太辛苦
		
程序员应该涨工资了，因为太辛苦
	

2. 有序列表：

编写如下网页：

代码如下：

	
热点新闻
	
	

	
	

		
程序员应该涨工资了，因为太辛苦
		
怎么样才能遇见更好的自己！！！
		
我们都在为自己的梦想而奋斗着
		
程序员应该涨工资了，因为太辛苦
		
程序员应该涨工资了，因为太辛苦
		
程序员应该涨工资了，因为太辛苦
	

3. 项目列表：

编写一个下图的网页：

代码如下：

	
	

		
我是标题
		
我是描述
	
	
	

		
在线调查系统
		
这个系统可以实现我们在线的考勤，很方便的一个系统
	
	
	

		
成龙
		
他是一个演员也是一个导演
		
房祖名
		
他是成龙的儿子
	
	
	

		
夏季热销水果
		
西瓜
		
香蕉
		
苹果
	

Topic 2： 超链接

a，配合一个原则性属性href，代表的含义是跳转的页面的路径（相对路径查找）

 

 

超链接有：

链接到线上网址；链接到本地地址；图片超链接；假链接；新窗口打开超链接；

代码如下：

    
    
    
    链接网上地址--百度

    
    链接到本地


    
    

    
    
    假链接#

    
    假链接js1

    假链接js2

    
    
    新窗口打开超链接 保留原有页面

Topic 3： 表格

说明：

对于HTML中的表格我们不要求你记住代码了；

我们只要求你会使用就好了；

我们在使用的时候，你需要把视图切换为设计会显示一个白色的页面---插入table---选择几行几列---选中表格右击属性；

我们操作的时候想要操作什么就选中什么（选中之后我们在属性观察就好了）；

比如align是对齐方式；

我们在这里操作完切换为代码视图相应的代码就生成了；

注意：

表格的格式是：

table嵌套tr，tr嵌套td，table代表整个表格，tr代表行，td代表单元格；

填充：拉开内容和单元格边缘的距离

间距：拉开两个单元格之间的距离

截图填充和间距（直接选中整个表格的时候出的那个属性）：

Topic 3： 制作细线表格

完成上面这个网页的设计：

这个表格的关键就是细线表格的制作：

注意：背景颜色是bgcolor

细线表格的制作步骤为：

设置table背景色为想要的细线颜色，配合间距（单元格之间的距离）设置为1px，在这1px的位置透出底部table的背景色，再设置单元格的不同背景色