我們經(jīng)常會(huì )看到一些網(wǎng)站上看到,點(diǎn)擊左邊紅色框里面的不同按鈕,在右邊紅色框里會(huì )出現不同的內容,那是咋實(shí)現的呢?
簡(jiǎn)單實(shí)現下這個(gè)流程,先準備2個(gè)代碼文件。
20180726(html框架文字).html
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>網(wǎng)頁(yè)制作</title>
- </head>
- <!--設置背景顏色-->
- <body style="background-color:yellow;">
- <!--設置標題居中 (align排列意思)-->
- <h1 style="text-align:center;">tjfsuxyy的博客</h1>
- </body>
- </html>
html框架代碼:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>網(wǎng)頁(yè)制作</title>
- </head>
- <body>
- <div id="content" style="width:1200;height:600;float:right;">
- <!--iframe src="URL"></iframe> RUL指向不同的網(wǎng)頁(yè)。-->
- <iframe src="D:\html學(xué)習資料\20180726(html框架文字).html" width="1200" height="600" name="iframe_a"></iframe>
- </div>
- <div id="memu" style="width:1200;height:600;float:right;">
- <b>分類(lèi)</b><br>
- <!--a 標簽的 target 屬性是名為 iframe_a 的 iframe 框架,所以在點(diǎn)擊鏈接時(shí)頁(yè)面會(huì )顯示在 iframe框架中。-->
- <p><a target="iframe_a">python邏輯回歸</a></p>
- <p><a target="iframe_a">python決策樹(shù)</a></p>
- <p><a target="iframe_a">python 第三方包安裝</a></p>
- </div>
- </body>
- </html>
開(kāi)始頁(yè)面:
點(diǎn)擊左邊”分類(lèi)“下不同按鈕,右邊框會(huì )跳到到不同內容頁(yè)面上。
聯(lián)系客服