黑马程序员-----Html

2016-07-13

1,Html 就是超文本标记语言的简写,是最基础的网页语言。

      超文本:超出了文本的一些范畴

      标记:标签,标出特出内容



一个简单的练习:<head></head>里面内容先加载




<dz>被认为是标签,但是又解析不了。<57>显示了,是因为标签不能用数字表示!



要想显示!用转义字符!记不住?DW给了,自己找!

列表标签:

<!doctype html> <html lang="en">  <head>   <meta charset="UTF-8">   <meta name="Generator" content="EditPlus®">   <meta name="Author" content="">   <meta name="Keywords" content="">   <meta name="Description" content="">   <title>Document</title>   </head>  <body>  <h1>我的第一个标题<h1>    <!--Html,注释:演示列表标签。   	列表标签:d1  	上层项目:dt 	下层项目:dd:封装的内容是会被缩进。有自动缩进效果   --> 	<d1> 		<dt>上层项目内容</dt> 		<dd>下层项目内容</dd> 		<dd>下层项目内容</dd> 		<dd>下层项目内容</dd> 		<dd>下层项目内容</dd> 	</d1> 	<!-- 有序和无序的项目列表  	有序:<ol> 	无序:<ul> 	无论有序和无序,条目的封装用的都是<li> 	而且它们都有缩进效果 	-->  		<ul type = "square"> 			<li>无序项目列表</li> 			<li>无序项目列表</li> 			<li>无序项目列表</li> 			<li>无序项目列表</li> 		</ul> 		 		<ol type = "a"> 			<li>有序项目列表</li> 			<li>有序项目列表</li> 			<li>有序项目列表</li> 			<li>有序项目列表</li> 		</ol>   </body> </html>


图像标签:

<!doctype html> <html lang="en">  <head>    <title>Document</title>   </head>  <body>    		<!--演示图片标签 		img. 		 		图像地图:说到热点地图,通过坐标来完成的。 		--> 		<img src =".qqo.jpg" height = 220 width = 500 border = 10 alt = "啊美女" />   </body> </html> 


解决办法:


<!doctype html> <html lang="en">  <head>    <title>Document</title> <!--  cellpadding :单元格内部上下左右都设置 cellspacing :单元格与单元格距离 -->  </head>  <body>   	 <table border = 3 bordercolor ="black" cellpadding = 11 cellspacing = 1 width = 12> 	 <tbody><!--表格默认的表格体--> 			<tr> 				<th rowspan = 2>个人信息</th> 				<th>姓名</th> 			</tr> 			<tr> 				<th>年龄</th>  			</tr> 			</tbody> 		</table>  		<hr/> 	 <table border = 3 bordercolor ="black" cellpadding = 11 cellspacing = 1 width = 12> 			<tr> 				<th colspan = 2>个人信息</th> 			</tr> 			<tr> 				<th>姓名</th> 				<th>年龄</th>  			</tr> 		</table> 		<hr/> 	 <table border = 3 bordercolor ="black" cellpadding = 1 cellspacing = 1 width = 12> 	 <caption>表格标题</caption> 		<tr><!--行--> 			<th>姓名</th> 			<td>张三</td> 			 		</tr> 		<tr><!--行--> 			<td>年龄</td> 			<td>39</td> 			 		</tr> 	 </table>     </body> </html> 

运行结果:



超链接:超链接标签如果不指定属性呀,是没有效果的。


href 有了属性才有点击效果

href属性值得不同,解析的方式也是不一样的。

如果在该值中没有指定过任何协议,解析时,是按照默认的协议来解析的,默认的解析方式:file

加上协议就可以连接上了!

协议注意mailto

连接图片


默认客户端协议mailt

迅雷协议一对,一点,迅雷就启动!迅雷自己自定义的协议

会自己去找能解析这个路径的程序。


取消默认点击效果,以及自己设置。