HTML基础学习(3)

今天我们来学习超链接内容,首先附上昨天文章末尾的答案代码。

如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>嵌套</title>
		<style>
		ul{
			list-style-type:none;
		  }
		</style>
		
		
	</head>
	<body>
		<h3>热门游戏分类</h3>
		<ol type="1">
			<li><h4>moba类</h4></li>
		    <ol type="A">
				<li>王者荣耀
				    <dl>
						<dt>游戏简介</dt>
						   <dd> 《王者荣耀》是腾讯第一5V5团队公平竞技手游,
                            国民MOBA手游大作! 5V5王者峡谷、公平对战、还原
                            MOBA经典体验;契约之战、五军对决、边境突围等,
                            带来花式作战乐趣! 10秒实时跨区匹配,与好友开黑
                            上分,向最强王者进击! 多款英雄任凭选择,一血、
                            五杀、超神,实力碾压,收割全场!
                           </dd>
						<dt>游戏定位人群</dt>
						   <dd>手机游戏党</dd>
					</dl>
				</li>
				<li>英雄联盟</li>
				<li>时空召唤</li>
			</ol>
			<li>吃鸡类</li>
			<ol type="I">
				<li>和平精英</li>
				<li>永杰无间</li>
				<li>堡垒之夜</li>
			</ol>
			<li>其他类
			    <ul >
					<li>略</li>
				</ul>
			</li>
			    
		 
		</ol>
		
		
		
	</body>
</html>

首先先分享本次的主要内容:

 

在看过了这些相关概念和基本语法后,来看看我们能做些什么...... 

(1)href 、title属性

  网页上出现了“百度”字样,并且鼠标移上去会出现“BaiDu”,tiitle的作用就是在鼠标移上去时显示=“”里的内容。让我们来试试点击“百度”字样。

 直接跳转到了百度主页!并且如果你愿意尝试的话,可以直接使用这个百度(是不是很有意思?后面我将会尝试仿写百度,敬请期待吧。)

(2)name属性

上面的语法中,有一个name属性似乎不是很常用,后来我查找资料算是明白了他的用法,网上看到一个代码演示很好懂,链接:name用法看完就懂!

(3)target属性

对于target属性我认为最常用的取值就是_blank和_self两种;

首先是_blank

 点击“百度”字样后,在新的页面中打开了百度页面。

 其他几个取值就由大家自己尝试。

下面来看超链接的路径:相对路径、绝对路径、根路径。

了解这些之后,我们还要区分内部链接和外部链接。

很明显,上文写的“百度”超链接就属于外部链接,它是由我们写的页面链接到一个外部的网站。

那么什么是内部链接呢?

很明显,href后面是我自己提前写好的一个页面,自然属于内部链接了。

 然后就是创建下载超链接了,原理很简单,就是在href=后面输入对应格式的文件链接。

 

 然后我们学习图像链接,其实图像链接和上面超链接没什么很大区别,只不过多一些属性而已。

 代码

 运行结果

       因为后面的内容我在学习过程种感觉有些吃力,需要多多参悟,所以今天的内容就到这里了,咱们明天继续!

猜你喜欢

转载自blog.csdn.net/m0_58291075/article/details/128053551