web前端学习（三）——HTML 超链接、列表

一、超链接（重要）

超链接以开始，以结束，在html里起到了一个导航的作用。

超链接有一个target属性：
        可取值：
                _blank：新窗口
                _self：当前窗口（默认）
                _top：顶级窗口
                _parent：父窗口

特点：
1、超链接文字的下面都会出现一条水平线
2、当鼠标移动到超链接文字上面时，会变成小手样式
3、点击超链接之后能跳转到相应网址页面

作用：
通过超链接可以从浏览器向服务器发送请求。
1、浏览器向服务器发送数据：请求（request）    B——请求——>S
2、服务器向浏览器发送数据：响应（response） S——响应——>B

那用户点击超链接和用户在浏览器地址栏上直接输入URL，有什么区别呢？
答：本质上没有区别，都是向服务器发送请求。从操作上来讲，超链接的使用更方便。

 以百度为例：

代码举例：


	
		
		
	
	
		百度
	

href：hot of reference 热饮用
href属性后面一定是一个资源的地址，如上面代码段里写到的百度网址。
href后面的路径可以是绝对路径也可以是相对路径，可以是网络中某个资源的路径，也可以是本地资源的路径（网址、图片都可）。

---

二、列表

列表分为有序列表和无序列表两类 

1、无序列表
（1）嵌套框架为：

 
• ?
 

（2）type用来指定列表前的样式：
                circle：白色小圆圈
                square：黑色小方块
                disc：黑色小圆圈

代码举例：


	
		
		
	
	
		

			
中国
				

					
北京
						

							
东城区
							
西城区
							
海淀区
							
朝阳区
						
					
					
天津
					
上海
				
				
			
美国
			
日本
		
	

运行结果：

 2、有序列表：
（1）嵌套框架为：

 
1. ?
 

（2）type用来指定列表前的样式：有5种序号标记样式               
 

代码举例：


	
		
		
	
	
		
		

			
水果
				

					
苹果
					
西瓜
					
桃子
				
			
			
蔬菜
				

					
西红柿
				
			
			
甜点
		

	

运行结果：