• 黑馬程序員-----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

    迅雷協議一對,一點,迅雷就啟動!迅雷自己自定義的協議

    會自己去找能解析這個路徑的程序。


    取消默認點擊效果,以及自己設置。



    天堂网