1. 程式人生 > >028、HTML 標簽2超鏈接,框架標簽

028、HTML 標簽2超鏈接,框架標簽

clas 變形 子窗體 特點 fir www .cn rip test

內容:超鏈接,框架標簽
##############################################################

<!-- 超鏈接 -->
    <a href="https://www.baidu.com">baidu.com</a>
    <br/>
    <a href="mailto:[email protected][email protected]">聯系我們</a>
    <br/>
    <a href="http://www.xunlei.com/bxjg4.rmvb"
>變形金剛4</a> <br/> <a href="thunder://lkdsajfldsajfldsajflajflksajfldsajflksajfslkajflks==">變形金剛4 迅雷下載</a> ### 超鏈接定位標記,比如返回頂部位置 <a name = "top">頂部位置</a> <!--這裏定義名字--> <a href="#top">返回頂部</a> <!-- ‘#‘ 表示本頁面的那個名字位置--> ### 取消默認的點擊事件,加入新的操作
<a href="javascript:void(0)" onclick="alert(‘I want‘)">xxxxxxxxxxxx</a>

##################################################################################3
框架標簽
<!--
框架標簽的特點:可以將瀏覽器窗口分隔成多個子窗體,每個子窗體都可以顯示一個單獨的資源(網頁,圖片)
<frameset>:將窗體分隔
<frame>:子窗體標簽
註意這部分內容不在head裏面也不在body裏面

下例文件結構

技術分享圖片

#####main.html
<!-- 對窗體上下拆分 這部分內容不在head和body裏面 -->
<frameset rows="15%,*">   <!-- 拆分窗體標簽 -->
    <!-- 明確上面的窗體 -->
    <frame src="top.html" noresize="noresize"/>  <!-- 明確窗體標簽 -->
    
    <!-- 對下窗體進行左右拆分 -->
    <frameset cols="20%,*">
        <frame src="left.html" name="left" noresize="noresize"/>
        <frame src="right.html" name="right"/>
    </frameset>
    <frame/>
<body>
</frameset>

#####left.html
<body>
<ol type="a">
    <li><a href="../html_study/first.html" target="right">第一</a></li>
    <li><a href="../html_study/fontTest.html" target="right">第二</a></li>
    <li><a href="../html_study/HTMLb.html" target="right">第三</a></li>
    <li><a href="../html_study/login.html" target="right">第四</a></li>
</ol>
</body>

#####right.html
<h1>用於顯示內容</h1>

#####top.html
<h1>我的網站LOGO</h1>


#######################
IFRAME標簽:功能是在這個位置加入一個窗體
<iframe src="../html_study/login.html" height="300px" width="600px">這是iframe標簽</iframe>

028、HTML 標簽2超鏈接,框架標簽