實體標籤

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>無標題文檔</title>
    </head>
	<!-- 
    	爲什麼要學實體標籤?
        	因爲> < 等一些符號在html頁面中是有着特殊含義,這些字符如果需要在頁面中顯示,這時候就應該使用實體標籤。
            
    	常用的實體字符:
        	空格			 
            小於號		<
            大於號		>
            &			&
            "			"
            人民幣		¥
            版權			&copy;
            商標			&reg;
            
         媒體標籤:
         	<embed></embed>
            	hidden		設置音樂插件是否隱藏
                src			用於指定音樂的路徑
                <marquee>	飄動標籤
                	direction	指定飄動的方向
                    scrollamount	指定飄動的速度
                    loop		指定飄動的次數

          <a>超鏈接標籤:
          	<a>標籤常用的屬性:
            	href		用於指定連接的資源
                target		設置打開新資源的目標	_Blank 在獨立的窗口上打開新資源	_self 在當前窗口打開新資源 
          file:file協議(文件協議)這種協議主要是用於搜索本地機器的資源文件的,
          	格式:
            	file:\\\f\a.jpg
          a標籤的原理:
          	1、a標籤的href屬性值如果是以http開頭的,那麼瀏覽器會馬上啓動http解析器去解析該網址,首先會在本地機器去找一個hosts文件,如果在hosts文件上該域名沒有對應的主機,那麼瀏覽器就去到對應的dns服務器去尋找該域名對應的主機號。如果找到了對應的主機,那麼該請求就會發給對應的主機。
            2、如果a標籤的href屬性值沒有以任何協議開頭,那麼瀏覽器就會啓動file協議解釋器去解釋該資源路徑
            3、如果a標籤的href屬性值並不是以http協議開頭的,而是其他的一些協議,那麼這時候瀏覽器就會去到我們本機的註冊表中去查找是否有處理這種協議的應用程序,如果有,那麼馬上啓動該應用程序處理該協議。
          
          郵件的協議:mailTo
          迅雷的協議:thunder
          	
                
            超鏈接標籤的作用:
            	1、可以用於連接資源
            	2、錨點定位
                	1、首先要編寫一個錨點。		錨點的寫法格式:<a name="錨點名字"> 數據 </a>
                    2、使用a標籤的	href屬性連接到錨點處。		href="#錨點的名字"
	
    	<img>圖片標籤:
        	img標籤常用的屬性:
            	width		寬度
                heigh		高度
                alt			如果圖片資源無法找到,那麼就顯示對應的文字對圖片進行說明
            熱點圖:
        <table>表格標籤:
        	表格使用到的標籤:
            	<table>		表格
                <tr>		行
                <td>		單元格
                <th>		表頭		默認的樣式是居中,加粗
                <caption>	表格的標題
            表格常用的屬性:
            	border		設置表格的邊框
                width		設置表格的寬度
                height		設置表格的高度
                colspan		設置單元格佔據指定的列數
                rowspan		設置單元格佔據指定的行數
                
                以前的瀏覽器一旦遇到了一個<table>的開始標籤,就必須要等到遇到table標籤的結束標籤的時候,纔會在網頁中顯示一個表格的內容。
                後來一個表格就被分成三個部分
                	<thead>		表頭		可以沒有存在thead
                    <tbody>		表體		一個表格至少要存在一個tbody,也可以存在多個
                    <tfoot>		表尾		可以不存在tfoot
                一個瀏覽器只要遇到了一個網站的tbody標籤,那麼就可以顯示當前頁面的信息。
                 
        	
    -->
    <body>
    	  段落標籤是使用<p>標籤	&"哈哈"<br/>
		該毛衣的價格:¥189<br/>
        <<升人JAVA>>該書版權歸屬於:&copy;	張三
        <br/>
        本次活動歸屬於:&reg;傳智播客
        <hr/>
        
        
        <h1 align="center">媒體標籤</h1>
       <!--
        <embed src="E:\JAVA\java學習視頻傳智博客(32期)\2015年傳智java基礎+就業班 32期完整版\就業班\day02\代碼\1.mp3" hidden = "false"></embed>
        -->
        
        <marquee loop="-1" scrollamount="30" direction="right"><font size="+6" color = "red">飛翔不知......</font></marquee>	
        <hr/>
         <h1 align="center">超鏈接標籤</h1>
         <a target = "_blank" href="http://www.baidu.com">百度一下</a>
         <br/>
         <a target = "_blank" href="html常用標籤.html">帶你看html常用標籤.html</a>
         <br/>
         <hr/>
         如果有需要請發送郵件至:<a href="mailTO:[email protected]">[email protected]</a>
         <br/>
         <hr/>
         <a href="thunder:一個人的武林.avi">一個人的武林.avi</a><br/>
         <hr/>
         <a name = "top">頂部</a>
         傳智博客傳智博客傳智博客
         <a href = "#top">回到頂部</a>
         <br />
         <hr />
         <img  src = "F:\a.jpg" width = "400" height="300" alt="這是無聊的"/>
         <br />
         <hr />
         <h1 align="center">表格標籤</h1>
         <table  align="center" border="1px" bordercolor="#00FFFF" width="400px" height="300px">
         	<caption>期末考試</caption>
            <thead>
            <tr>
            	<th>姓名</th>
                <th>性別</th>
                <th>人品</th>
            </tr>
            </thead>
            <tbody>
            <tr align="center">
            	<td>張三</td>
                <td>男</td>
                <td>好</td>
            </tr>
            <tr align="center">
            	<td>李四</td>
                <td>男</td>
                <td>哈</td>
            </tr>
             <tr align="center">
            	<td>王四</td>
                <td>女</td>
                <td>不好嗎</td>
            </tr>
            </tbody>
            <tfoot>
            <tr align="center">
				<td>綜合測試</td>
                <td colspan="2">良好</td> 
            </tr>
            </tfoot>
         </table>
         
    </body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章