web_0205

最新推荐文章于 2023-11-13 09:03:37 发布

monuo5659

最新推荐文章于 2023-11-13 09:03:37 发布

阅读量168

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/monuo5659/article/details/104183898

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、路径

相对路径
绝对路径

相对路径

1. 同一级目录下直接写文件就可以了。

例如：

<img src="images.jpg">

2. 下一级路径

<img src="images/picture.jpg">

3. 上一级路径

<img src="../picture.jpg">

绝对路径(了解)

例子：

<img src="C:\Users\ATM\Desktop\picture.jpg" />

2、瞄点

瞄点，就是通过一个链接点击之后直接到达标记的位置。

例子：通过点击什么是委托，直接到委托的地方。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div
			{
				background-color: #bebebe;
			}
		</style>
	</head>
	<body>
		<h3>tree</h3>
		<h3>什么是泛型</h3>
		<h3><a href="#delegate">什么是委托</a></h3>
		
		<p>泛型，比如一个数据结构中的栈需要进栈和出栈，对于用户而言有可能插入字符类型，int型或者是double型，所以需要引入泛型T来代替，<br/>
		当出现int型的时候用int来进行插入或者输出一遍，当遇到char类型的时候T代替char来走一遍。</p>
		<div style="width: 600px;height: 800px;"></div>
		<p id="delegate">什么是委托、事件如何定义，爸爸让儿子去打酱油，儿子就是一个委托对象，而爸爸是一个实体。这里面打酱油就是一个事件。相当于C中的函数指针。<br/>
		public delegate void Mydelete(string p1,string p2);1、委托包装的方法返回值类型必须一致。2、方法中的参数个数必须一致。</p>
		<div style="width: 600px;height: 800px;"></div>
		
	</body>
</html>

3、base

例如下面例子中，如果想要从新的页面窗口中打开下面网址，需要添加"taerget="_blank" ",若有上万个网址是否需要加上万次？

<a href="https://baidu.com" target="_blank">百度</a>
		<a href="https://163.com">网易</a>
		<a href="https://sina.com">新浪</a>
		<a href="https://QQ.com">腾讯</a>

解决办法就是，利用base！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<style></style>
	</head>
	
	<base target="_blank" />
	<body>
		<a href="https://baidu.com">百度</a>
		<a href="https://163.com">网易</a>
		<a href="https://sina.com">新浪</a>
		<a href="https://QQ.com">腾讯</a>
	</body>
</html>

4、欲显示文本pre

想在<body></body>里面添加文档，按照文档的格式可以添加<pre></pre>标签

例如：江雪就是按照预显示文本来显示的，如果去掉<pre></pre>则失去换行，空格等格式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style></style>
	</head>
	<body>
		<pre>
			    江雪
			   柳宗元
			天上鸟飞绝，
			万径人踪灭。
			孤舟蓑笠翁，
			独钓寒江雪。
		</pre>
	</body>	
</html>

5、特殊字符

特殊字符	描述	代码
空格	空格
<	小于符号	<
>	大于符号	>
。。。等

7、表格table

表格<table></table>

行：<tr></tr> 单元格:<td></td>

例如一个三行三列的表格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<style>
			
		</style>
	</head>
	<body>
		<p>写一个三行三列的表格</p>
		<table border="1" width="500" height="200" align="center" cellpadding="10" cellspacing="0">
			<tr>
				<td>Name</td>
				<td>Age</td>
				<td>Sex</td>
			</tr>
			<tr>
				<td>Bill Gates</td>
				<td>18</td>
				<td>Man</td>
			</tr>
			<tr>
				<td>Jack Ma</td>
				<td>28</td>
				<td>Man</td>
			</tr>
		</table>
	</body>
	
</html>

属性名	含义	常用属性值
border	设置边框的属性（颜色，以及边框线的大小）	像素
cellspacing	设置边框与边框之间的间距，为0时间距为0，也就是实线	像素值（默认为2px）
cellpadding	设置边框的内容与边框之间的距离	像素值（默认为1px）
width	设置表的宽度	像素值
height	设置表的高度	像素值
align	设置表处于页面的什么位置	left，center，right

7.2表头单元格<th></th>

表头单元格会让文字加粗居中显示

<!DOCTYPE  html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			
		</style>
	</head>
	<body>
		<table border="1" align="center" cellpadding="10" cellspacing="0" width="500" height="200">
			<tr>
				<th>Name</th>
				<th>age</th>
				<th>Sex</th>
			</tr>
			<tr>
				<td>Jack Ma</td>
				<td>88</td>
				<td>Man</td>
			</tr>
			<tr>
				<td>Bill Gates</td>
				<td>89</td>
				<td>Man</td>
			</tr>
			
		</table>
		
		
	</body>
	
</html>

7.3表格标题标签caption

表格标题标签<caption></caption>就是在表格上加一个居中的标题。在CSS中同样可以对表格标题进行颜色，字体，字号大小的修改。

例如：

<!DOCTYPE  html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			caption
			{
				font-size: 55px;
				color:red;
			}
		</style>
	</head>
	<body>
		<table border="1" align="center" cellpadding="10" cellspacing="0" width="500" height="200">
			<caption>富翁榜</caption>
			<tr>
				<th>Name</th>
				<th>age</th>
				<th>Sex</th>
			</tr>
			<tr>
				<td>Jack Ma</td>
				<td>88</td>
				<td>Man</td>
			</tr>
			<tr>
				<td>Bill Gates</td>
				<td>89</td>
				<td>Man</td>
			</tr>
			
		</table>
		
		
	</body>
	
</html>

7.4 合并单元格

1、跨行合并：rowspan="跨行合并的个数"

2、跨列合并：colspan="跨列合并的个数"

7.4.2跨行合并的三部曲

先确定是跨行还是跨列合并。
根据先上后下，先左后右找到目标单元格，然后写上合并单元格的数量，比如<td rowspan="3"></td>
删除多余的单元格

monuo5659

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web_0205

1、路径相对路径绝对路径相对路径1. 同一级目录下直接写文件就可以了。例如：<img src="images.jpg">2. 下一级路径<img src="images/picture.jpg">3. 上一级路径<img src="../picture.jpg">绝对路径(了解)例子：<img ...
复制链接

扫一扫