HTML5学习日志 --html超链接

学习目标：

掌握html超链接的用法

学习内容：

通向百度超链接

<!-- href:hot referencrs 热引用 
	 href属性后面一定是一个资源的地址
	 href 后面的路径可以是绝对路径或者相对路径
	 也可以是本地资源的路径
	 -->
<a href="http://www.baidu.com">百度</a>
<!-- 超链接的特点:
			有下划线
			鼠标停留在超链接上面显示小手形状
			点击超链接后跳转相应页面
			-->
<a href="http://news.baidu.com">百度新闻</a>

通向hao123导航的超链接图片

<a href="http://www.hao123.com/">
	<img :src="hao123.png" />
</a>

超链接target属性:
可取值:
__blank:新窗口
__self:当前窗口(默认就是这种方式)
__top:顶级窗口
__parent:父窗口

<a href="xxx" target="__blank">
</a>

超链接的作用：
通过信号连接可以从浏览器向服务器发送请求。
浏览器向服务器发送数据（请求：request）
服务器向浏览器发送数据（响应：response）

	B/S结构的系统：每一个请求都会对应一个响应。
	B  --请求---- > S
	B  --响应-----> B
用户点击超链接和用户在浏览器地址栏上直接输入URL，有什么区别？
		本质上没用区别，都是向服务器发送请求。
从操作上来讲，超链接使用更加方便

ul为无序列表
ol为有序列表
li为下一级列表
li中又可插入ul或者ol列表，依次循环

<!-- 有序列表 -->
<ol>
	<li >水果
		<ol>
			<li>苹果</li>
			<li>西瓜</li>
			<li>桃子</li>
		</ol>
	</li>
	<li>蔬菜
		<ol>
			<li>西红柿</li>
			<li>土豆</li>
			<li>黄瓜</li>
		</li>
</ol>
<!-- 无序列表 -->
<ul >
	<li>东</li>
	<li>南</li>
	<li>西</li>
	<li>北</li>
</ul>

学习时间：

2021年11月17日