HTML_3 1.html中的圖片標(biāo)記

---htm中顯示圖片

src屬性--設(shè)置圖片路徑

圖片路徑的設(shè)置有3中方式

絕對(duì)路徑--從操作系統(tǒng)的指定盤中的目錄開始查找圖片的路徑。

絕對(duì)路徑缺點(diǎn):1.如果圖片保存目錄太深，圖片的操作路徑就會(huì)很長。

2.當(dāng)我們將網(wǎng)頁\保存圖片的文件夾移動(dòng)之后，這個(gè)圖片的路徑就變化。圖片無法正常顯示。

相對(duì)路徑--以當(dāng)前網(wǎng)頁為參照、為中心，對(duì)外開始查找圖片的路徑。

1.圖片與當(dāng)前網(wǎng)頁在同一個(gè)目錄下【src=”圖片名稱”】

2.圖片保存在當(dāng)前網(wǎng)頁所在目錄的子文件夾中【src=”子文件夾的名稱\圖片名稱”】

3.圖片保存在當(dāng)前網(wǎng)頁所在目錄的父文件夾中[..\上一層]

4.【src=”..\子文件夾的名稱\圖片名稱”】

5.網(wǎng)絡(luò)地址路徑---http:\\

6.width屬性--設(shè)置圖片的寬度【數(shù)字px】height屬性--設(shè)置圖片的高度【數(shù)字px】

	
		
		
	
	
		
img--表示圖片
		
src屬性--設(shè)置圖片路徑
		
圖片路徑的設(shè)置有2中方式
		
絕對(duì)路徑--從操作系統(tǒng)的指定盤中的目錄開始查找圖片的路徑。
		
缺點(diǎn):1.如果圖片保存目錄太深，圖片的操作路徑就會(huì)很長。
		
2.當(dāng)我們將網(wǎng)頁\保存圖片的文件夾移動(dòng)之后，這個(gè)圖片的路徑就變化。圖片無法正常顯示
		
		
相對(duì)路徑--以當(dāng)前網(wǎng)頁為參照、為中心，對(duì)外開始查找圖片的路徑
		
圖片與當(dāng)前網(wǎng)頁在同一個(gè)目錄下
		
		
圖片保存在當(dāng)前網(wǎng)頁所在目錄的子文件夾中
		
		
圖片保存在當(dāng)前網(wǎng)頁所在目錄的父文件夾中[..\上一層]
		
		
		
網(wǎng)絡(luò)地址路徑
		
width屬性--設(shè)置圖片的寬度【數(shù)字px】
		
height屬性--設(shè)置圖片的高度【數(shù)字px】
		
	

2.設(shè)置網(wǎng)頁的背景

我們這里的設(shè)置背景指的是設(shè)置整個(gè)網(wǎng)頁的背景，而不是設(shè)置html中某一個(gè)元素\標(biāo)記的背景。

1.設(shè)置背景顏色

在body元素中添加bgcolor屬性來設(shè)置背景顏色

?


	
		
		
	
	
	

2.設(shè)置背景圖片

在body元素中添加屬性來設(shè)置背景圖片【圖片路徑】

3.html中的超鏈接【鏈接\錨點(diǎn)】

鏈接顯示描述

1.href屬性設(shè)置被連接的文件路徑【絕對(duì)/相對(duì)/網(wǎng)絡(luò)地址】

如果沒有被連接的文件，那么請(qǐng)使用“#”,表示空連接

2.target屬性設(shè)置被鏈接的資源打開方式【默認(rèn)在同一個(gè)窗口中打開連接資源】

_blank----在新窗口中顯示資源

_self-------在當(dāng)前窗口中顯示資源

3.name屬性----設(shè)置鏈接名稱[實(shí)現(xiàn)本網(wǎng)頁內(nèi)部的鏈接]

	
		
		
	
	
		
		
超鏈接
		
a--表示網(wǎng)頁的超鏈接
		
href--設(shè)置鏈接文件路徑【絕對(duì)/相對(duì)/網(wǎng)絡(luò)】
		
如果沒有被連接的文件，那么請(qǐng)使用“#”,表示空連接
		鏈接打開background.html

		沒有被連接的文件

		
target屬性設(shè)置被鏈接的資源打開方式【默認(rèn)在同一個(gè)窗口中打開連接資源】
		
_blank----在新窗口中顯示資源
		
_self-------在當(dāng)前窗口中顯示資源
		在當(dāng)前窗口中打開被鏈接的資源

		在新窗口中打開被鏈接的資源

		
有時(shí)超鏈接的訪問資源是一個(gè)網(wǎng)絡(luò)地址
		打開百度

		
第一章 小二上酒
		
北涼王府龍盤虎踞于清涼山，千門萬戶，極土木之盛。作為王朝碩果僅存的異姓王，在廟堂和江湖都是毀譽(yù)參半的北涼王徐驍作為一名功勛武臣，可謂得到了皇帝寶座以外所有的東西，在西北三州，他就是當(dāng)之無愧的主宰，只手遮天，翻云覆雨。
		難怪朝廷中與這位異姓王政見不合的大人們私下都會(huì)文縐縐罵一聲徐蠻子，而一些居心叵測(cè)的，更誅心地丟了頂“二皇帝”的帽子。
		今天王府很熱鬧，位高權(quán)重的北涼王親自開了中門，擺開輝煌儀仗，迎接一位仙風(fēng)道骨的老者，府中下人們只聽說是來自道教圣地龍虎山的神仙，相中了癡癡傻傻的小王爺，要收作閉關(guān)弟子，這可是天大的福緣，北涼王府都解釋成傻人有傻福。
		可不是，小王爺自打出生起便沒哭過，讀書識(shí)字一竅不通，六歲才會(huì)說話，名字倒是威武氣派，徐龍象，傳聞還是龍虎山的老神仙當(dāng)年給取的，說好十二年后再來收徒，這不就如約而至了。
		王府內(nèi)一處院落，龍虎山師祖一級(jí)的道門老祖宗捻著一縷雪白胡須，眉頭緊皺，背負(fù)一柄不常見的小鐘馗式桃木劍，配合他的相貌，確實(shí)當(dāng)?shù)贸鰤m二字，誰看都要由衷贊一聲世外高人吶。
		但此番收徒顯然遇到了不小的阻礙，倒不是王府方面有異議，而是他的未來徒弟犟脾氣上來了，蹲在一株梨樹下，用屁股對(duì)付他這個(gè)天下道統(tǒng)中論地位能排前三甲的便宜師傅，至于武功嘛，咳咳，前三十總該有的吧。
		
		
第二章 小二上酒
		
北涼王府龍盤虎踞于清涼山，千門萬戶，極土木之盛。作為王朝碩果僅存的異姓王，在廟堂和江湖都是毀譽(yù)參半的北涼王徐驍作為一名功勛武臣，可謂得到了皇帝寶座以外所有的東西，在西北三州，他就是當(dāng)之無愧的主宰，只手遮天，翻云覆雨。
		難怪朝廷中與這位異姓王政見不合的大人們私下都會(huì)文縐縐罵一聲徐蠻子，而一些居心叵測(cè)的，更誅心地丟了頂“二皇帝”的帽子。
		今天王府很熱鬧，位高權(quán)重的北涼王親自開了中門，擺開輝煌儀仗，迎接一位仙風(fēng)道骨的老者，府中下人們只聽說是來自道教圣地龍虎山的神仙，相中了癡癡傻傻的小王爺，要收作閉關(guān)弟子，這可是天大的福緣，北涼王府都解釋成傻人有傻福。
		可不是，小王爺自打出生起便沒哭過，讀書識(shí)字一竅不通，六歲才會(huì)說話，名字倒是威武氣派，徐龍象，傳聞還是龍虎山的老神仙當(dāng)年給取的，說好十二年后再來收徒，這不就如約而至了。
		王府內(nèi)一處院落，龍虎山師祖一級(jí)的道門老祖宗捻著一縷雪白胡須，眉頭緊皺，背負(fù)一柄不常見的小鐘馗式桃木劍，配合他的相貌，確實(shí)當(dāng)?shù)贸鰤m二字，誰看都要由衷贊一聲世外高人吶。
		但此番收徒顯然遇到了不小的阻礙，倒不是王府方面有異議，而是他的未來徒弟犟脾氣上來了，蹲在一株梨樹下，用屁股對(duì)付他這個(gè)天下道統(tǒng)中論地位能排前三甲的便宜師傅，至于武功嘛，咳咳，前三十總該有的吧。
		
		
第三章 小二上酒
		
北涼王府龍盤虎踞于清涼山，千門萬戶，極土木之盛。作為王朝碩果僅存的異姓王，在廟堂和江湖都是毀譽(yù)參半的北涼王徐驍作為一名功勛武臣，可謂得到了皇帝寶座以外所有的東西，在西北三州，他就是當(dāng)之無愧的主宰，只手遮天，翻云覆雨。
		難怪朝廷中與這位異姓王政見不合的大人們私下都會(huì)文縐縐罵一聲徐蠻子，而一些居心叵測(cè)的，更誅心地丟了頂“二皇帝”的帽子。
		今天王府很熱鬧，位高權(quán)重的北涼王親自開了中門，擺開輝煌儀仗，迎接一位仙風(fēng)道骨的老者，府中下人們只聽說是來自道教圣地龍虎山的神仙，相中了癡癡傻傻的小王爺，要收作閉關(guān)弟子，這可是天大的福緣，北涼王府都解釋成傻人有傻福。
		可不是，小王爺自打出生起便沒哭過，讀書識(shí)字一竅不通，六歲才會(huì)說話，名字倒是威武氣派，徐龍象，傳聞還是龍虎山的老神仙當(dāng)年給取的，說好十二年后再來收徒，這不就如約而至了。
		王府內(nèi)一處院落，龍虎山師祖一級(jí)的道門老祖宗捻著一縷雪白胡須，眉頭緊皺，背負(fù)一柄不常見的小鐘馗式桃木劍，配合他的相貌，確實(shí)當(dāng)?shù)贸鰤m二字，誰看都要由衷贊一聲世外高人吶。
		但此番收徒顯然遇到了不小的阻礙，倒不是王府方面有異議，而是他的未來徒弟犟脾氣上來了，蹲在一株梨樹下，用屁股對(duì)付他這個(gè)天下道統(tǒng)中論地位能排前三甲的便宜師傅，至于武功嘛，咳咳，前三十總該有的吧。
		
		
第四章 小二上酒

		
北涼王府龍盤虎踞于清涼山，千門萬戶，極土木之盛。作為王朝碩果僅存的異姓王，在廟堂和江湖都是毀譽(yù)參半的北涼王徐驍作為一名功勛武臣，可謂得到了皇帝寶座以外所有的東西，在西北三州，他就是當(dāng)之無愧的主宰，只手遮天，翻云覆雨。
		難怪朝廷中與這位異姓王政見不合的大人們私下都會(huì)文縐縐罵一聲徐蠻子，而一些居心叵測(cè)的，更誅心地丟了頂“二皇帝”的帽子。
		今天王府很熱鬧，位高權(quán)重的北涼王親自開了中門，擺開輝煌儀仗，迎接一位仙風(fēng)道骨的老者，府中下人們只聽說是來自道教圣地龍虎山的神仙，相中了癡癡傻傻的小王爺，要收作閉關(guān)弟子，這可是天大的福緣，北涼王府都解釋成傻人有傻福。
		可不是，小王爺自打出生起便沒哭過，讀書識(shí)字一竅不通，六歲才會(huì)說話，名字倒是威武氣派，徐龍象，傳聞還是龍虎山的老神仙當(dāng)年給取的，說好十二年后再來收徒，這不就如約而至了。
		王府內(nèi)一處院落，龍虎山師祖一級(jí)的道門老祖宗捻著一縷雪白胡須，眉頭緊皺，背負(fù)一柄不常見的小鐘馗式桃木劍，配合他的相貌，確實(shí)當(dāng)?shù)贸鰤m二字，誰看都要由衷贊一聲世外高人吶。
		但此番收徒顯然遇到了不小的阻礙，倒不是王府方面有異議，而是他的未來徒弟犟脾氣上來了，蹲在一株梨樹下，用屁股對(duì)付他這個(gè)天下道統(tǒng)中論地位能排前三甲的便宜師傅，至于武功嘛，咳咳，前三十總該有的吧。
		
		
第五章 小二上酒
		
北涼王府龍盤虎踞于清涼山，千門萬戶，極土木之盛。作為王朝碩果僅存的異姓王，在廟堂和江湖都是毀譽(yù)參半的北涼王徐驍作為一名功勛武臣，可謂得到了皇帝寶座以外所有的東西，在西北三州，他就是當(dāng)之無愧的主宰，只手遮天，翻云覆雨。
		難怪朝廷中與這位異姓王政見不合的大人們私下都會(huì)文縐縐罵一聲徐蠻子，而一些居心叵測(cè)的，更誅心地丟了頂“二皇帝”的帽子。
		今天王府很熱鬧，位高權(quán)重的北涼王親自開了中門，擺開輝煌儀仗，迎接一位仙風(fēng)道骨的老者，府中下人們只聽說是來自道教圣地龍虎山的神仙，相中了癡癡傻傻的小王爺，要收作閉關(guān)弟子，這可是天大的福緣，北涼王府都解釋成傻人有傻福。
		可不是，小王爺自打出生起便沒哭過，讀書識(shí)字一竅不通，六歲才會(huì)說話，名字倒是威武氣派，徐龍象，傳聞還是龍虎山的老神仙當(dāng)年給取的，說好十二年后再來收徒，這不就如約而至了。
		王府內(nèi)一處院落，龍虎山師祖一級(jí)的道門老祖宗捻著一縷雪白胡須，眉頭緊皺，背負(fù)一柄不常見的小鐘馗式桃木劍，配合他的相貌，確實(shí)當(dāng)?shù)贸鰤m二字，誰看都要由衷贊一聲世外高人吶。
		但此番收徒顯然遇到了不小的阻礙，倒不是王府方面有異議，而是他的未來徒弟犟脾氣上來了，蹲在一株梨樹下，用屁股對(duì)付他這個(gè)天下道統(tǒng)中論地位能排前三甲的便宜師傅，至于武功嘛，咳咳，前三十總該有的吧。
		
		

			
				
			
		
	

4.html中的列表

Html中列表有3中形式

1.有序列表

---表示一個(gè)有序列表

-----表示有序列表中的每一項(xiàng)【出現(xiàn)在ol標(biāo)記中】

type屬性--設(shè)置有序列表序號(hào)的顯示形式【a,A,1,i,I】

start屬性--設(shè)置有序列表序號(hào)的開始數(shù)字【數(shù)字】

	
		
		
	
	
		
有序列表
		
ol--標(biāo)記表示有序列表
		
li--標(biāo)記有序列表中的每一項(xiàng)【出現(xiàn)在ol標(biāo)記中】
		
有序列表屬性
		
type屬性--設(shè)置有序列表序號(hào)的顯示形式【a,A,1,i,I】
		
start屬性--設(shè)置有序列表序號(hào)的開始數(shù)字【數(shù)字】
		

			
姓名:zhangsan
			
年齡:23
			
地址:西安市
			
出生日期:2020-11-05
		
	

2.無序列表

---表示一個(gè)無序列表

-----表示無序列表中的每一項(xiàng)【出現(xiàn)在ul標(biāo)記中】

type屬性--設(shè)置有序列表序號(hào)的顯示形式[disc默認(rèn) circle square]

	
		
		
	
	
		
無序列表
		
ul--標(biāo)記表示無序列表
		
li--標(biāo)記無序列表中的每一項(xiàng)【出現(xiàn)在ul標(biāo)記中】
		
無序列表屬性
		
type屬性--設(shè)置有序列表序號(hào)的顯示形式[disc默認(rèn) circle square]
		

			
姓名:zhangsan
			
年齡:23
			
地址:西安市
			
出生日期:2020-11-05
		
		
以后再學(xué)習(xí)CSS的時(shí)候關(guān)于列表有一個(gè)list-style這個(gè)CSS屬性，可以將列表前面的表示符號(hào)換成圖標(biāo)
	

3.自定義列表

--表示自定義列表

---表示自定義列表中的主分類

---表示自定義列表中主分類下的次級(jí)分類。

	
		
		
	
	
		
自定義列表
		
dl--標(biāo)記表示自定義列表
		
dt--表示自定義列表中的主分類
		
dd--表示自定義列表中中主分類下的次級(jí)分類
		

			
c:\
				
Drivers文件夾
				
Program Files文件夾
				
Program Files (x86)文件夾
				
Windows文件夾
			
d:\
				
360Downloads文件夾
				
360safe文件夾
				
360sd文件夾
				
BaiduNetdisk文件夾
		
	

列表的嵌套

	
		
		
	
	
		
有時(shí)我們?cè)谑褂玫氖桥伎梢詫⑦@些不同的列表嵌套使用
		

			
姓名:zhangsan
			
年齡:23
			
地址:西安市
			
出生日期:2020-11-05
			

				

					
姓名:zhangsan
					
年齡:23
					
地址:西安市
					
出生日期:2020-11-05
					

						

							
c:\
								
Drivers文件夾

								
Program Files文件夾
								
Program Files (x86)文件夾
								
Windows文件夾
							
d:\
								
360Downloads文件夾
								
360safe文件夾
								
360sd文件夾
						
					
				
			
		
	

5.html中的表格

---表示一個(gè)表格

------表示表格中的一行

----表示表格中一行里面列。

	
		
		
	
	
		
table--表格
		
tr--一行
		
td--一行中的列
		
border--設(shè)置表格邊框[數(shù)字px]
		
width--設(shè)置表格寬度[數(shù)字px]
		
height--設(shè)置表格高度[數(shù)字px]
		
cellspacing--設(shè)置表格單元格之間的間距[數(shù)字px]
		
cellpadding--設(shè)置表格單元格與單元格中內(nèi)容之間的距離[數(shù)字px]
		
align--如果出現(xiàn)在table中設(shè)置表格的水平對(duì)齊方式
		
align--如果出現(xiàn)在tr中設(shè)置表格當(dāng)前行的水平對(duì)齊方式
		
align--如果出現(xiàn)在td中設(shè)置表格當(dāng)前行的水平對(duì)齊方式
		
valign--如果出現(xiàn)在tr中設(shè)置表格當(dāng)前行的垂直對(duì)齊方式
		
valign--如果出現(xiàn)在td中設(shè)置表格當(dāng)前行的垂直對(duì)齊方式
		
bgcolor--如果出現(xiàn)在table中設(shè)置表格的背景顏色
		
background--如果出現(xiàn)在table中設(shè)置表格的背景圖片
		

			

				
用戶編號(hào)
				
用戶姓名
				
用戶年齡
				
用戶地址
				
注冊(cè)時(shí)間
			
			

				
1001
				
zhangsan
				
23
				
西安
				
2020-11-05
			
			

				
1002
				
lisi
				
24
				
西安
				
2020-11-05
			
			

				
1003
				
wangwu
				
25
				
西安
				
2020-11-05
			
		
	

關(guān)于表格的跨行和跨列

跨列【左右合并單元格】---給td上設(shè)置colspan屬性，需要跨幾個(gè)列那么就寫數(shù)字幾。

跨行【上下合并單元格】---給td上設(shè)置rowspan屬性，需要跨幾個(gè)行那么就寫數(shù)字幾。

	
		
		
	
	
		
跨列【左右合并單元格】---給td上設(shè)置colspan屬性，需要跨幾個(gè)列那么就寫數(shù)字幾。
		

			

				
用戶信息表
			
			

				
用戶編號(hào)
				
用戶姓名
				
用戶年齡
				
用戶地址
				
注冊(cè)時(shí)間
			
			

				
1001
				
zhangsan
				
23
				
西安
				
2020-11-05
			
			

				
1002
				
lisi
				
24
				
西安
				
2020-11-05
			
			

				
1003
				
wangwu
				
25
				
西安
				
2020-11-05
			
		
		
跨行【上下合并單元格】---給td上設(shè)置rowspan屬性，需要跨幾個(gè)行那么就寫數(shù)字幾。
		

			

				
用
戶
信
息
表
				
用戶編號(hào)
				
用戶姓名
				
用戶年齡
				
用戶地址
				
注冊(cè)時(shí)間
			
			

				
1001
				
zhangsan
				
23
				
西安
				
2020-11-05
			
			

				
1002
				
lisi
				
24
				
西安
				
2020-11-05
			
			

				
1003
				
wangwu
				
25
				
西安
				
2020-11-05
			
		
	

簡歷

	
		
		
	
	
		
個(gè)人簡歷
		

		

			
姓名
			
       
			
性別
			
     
			
出生
年月
			
           
			
          
			     
		
		

			
籍貫
			

			
民族
			

			
政治
面貌
			

		
		

			
身體
狀況
			

			
培養(yǎng)
方式
			

			
學(xué)位
			

		
		

			
學(xué)歷
			

			
畢業(yè)院校
			

		
		

			
所在院系
			

		
		

			
技能
			

		
		

			

				

				

				專業(yè)能力
				
			

		
		

		

		

			

				

				

				

				實(shí)踐
			

		
		

		

		

		

			

				

				

				

				專業(yè)課程
			

		
		

		

		

		

			

				

				

				求職意向
			

		
		

		

		

			

				

				聯(lián)系方式