图形和链接

最新推荐文章于 2024-04-17 00:10:29 发布

Colorful? ?

最新推荐文章于 2024-04-17 00:10:29 发布

阅读量159

点赞数

本文链接：https://blog.csdn.net/HeartCSDN/article/details/102961446

版权

第二节课

#1：URL

意义：统一资源定位器；
目录：web稳健者存储的文件夹名称
资源：就是网页中要用到的文件，都要资源

2，三种表现形式

       1，绝对路径
             从文件所在的最高级目录下开始的完整路径
             绝对路径分类：
             1，访问互联网上的资源
               协议名称（https://）+主机名（IP地址或域名）+目录的路径和文件名

           2访问本机的资源
            真正存在的物理路径，攀附到资源文件路过的路径
         2.相对路径  
          从文件所在的位置开始查找资源文件所在位置路过的路径
          分类：1资源文件与资源文件在同一目录下    直接通过名称进行引用
                    2：资源文件在当前文件的子目录中    先进入这个文件夹再进行引用 
                    3，资源文件在当前文件夹的父目录中  先返回在引用，表现形式以:/作为开始

3图像：
在web中所支持的图像格式有哪几种？
1.jpeg .jpg 压缩有损
2.png 无损压缩支持透明色
3.gif 动图
5、链接
内容
href:链接的url

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>超链接</title>
	</head>
	<body>
		<a href="nowTime.html">百度一下，你就知道</a>
		<a href="top"></a>
		<a   href="#bottem">底部</a>
		<p>作者 白居易</p>
		浔阳江头夜送客，枫叶荻花秋瑟瑟。<br/>
		主人下马客在船，举酒欲饮无管弦。<br/>
		醉不成欢惨将别，别时茫茫江浸月。<br/>

忽闻水上琵琶声，主人忘归客不发。<br/>
寻声暗问弹者谁，琵琶声停欲语迟。<br/>
移船相近邀相见，添酒回灯重开宴。<br/>
千呼万唤始出来，犹抱琵琶半遮面。<br/>
转轴拨弦三两声，未成曲调先有情。
	
<a href="#top">顶部</a>
<a id="bottem"></a>
	</body>
</html>

列表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<table border="4" cellspacing="2" cellpadding="0" bgcolor="aquamarine" align="center" width="200px" height="200px">
		<tr align="center" bgcolor="coral">
		<td colspan="3"><font face="微软雅黑" color="black">王者</font></td>
		
		</tr>
		<tr align="center " bgcolor="aliceblue">
		<td rowspan="2" bgcolor="burlywood"><font face=":bodoni mt black" color="blue">诸葛法王</font></td>
		
		</tr>
		
		
	</table>
		</table>
		<table border="5" cellspacing="4" cellpadding="2">
			<tr>
				<th colspan="4">Header</th>
				
			</tr>
			<tr>
				<td rowspan="4">Data</td>
				
				
			</tr>
			<tr>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			<tr>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			
			<tr>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
		</table>
		<ul type="disc">
			<li>诸葛亮
				<li>法师</li>
			    <li>魔头</li>
				<ul>
					<li></li>
			<li></li><li></li>
			<li></li>
				</ul>
			</li>
			<li>孙策</li>
			<li>大乔</li>
			<li>周瑜</li>
			<li>小乔</li>
			<li>司马懿</li>
		</ul>
		<ol type="I">
			<li>马超
			<li>黄忠</li>
			<li>张飞</li>
			
			</li>
			<li>吕布</li>
			<li>貂蝉</li>
			<li>曹操</li>
			<li>关羽</li>
			<li>赵云</li>
		</ol>
		<dl style="align-content: center;">
			<dt>李白</dt>
			<dd>字太白，唐代著名诗人</dd>
		</dl>
	</body>
</html>
``表格学的不是很好，下去还要继续努力，加油`