Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 日韩在线高清,一二三四社区在线高清观看在线,好男人www社区资源在线观看

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML5常見的基礎標簽(7)你所不知道的ifram

          HTML5常見的基礎標簽(7)你所不知道的iframe和frameset

          .活動框架 iframe

          1. 活動框架iframe,這個框架可以內聯或包含另外一個網頁文檔

          語法結構:<iframe></iframe>

          實例:

          <table border="1" width="100%" cellspacing="0" cellpadding="0">

          <tr height="100"><td colspan="2">高新區軟件園C區食堂管理系統</td></tr>

          <tr height="600">

          <td width="15%">

          <ul>

          <li><a href="usermanger/uadd.html" target="mainbox">員工添加</a></li>

          <li><a href="usermanger/uedit.html" target="mainbox">員工修改</a></li>

          <li><a href="usermanger/ulist.html" target="mainbox">員工查詢</a></li>

          </ul>

          </td>

          <td width="90%">

          <iframe src="usermanger/welceome.html" name="mainbox" width="100%" height="600">

          你的瀏覽器不支持,請升級或更新瀏覽器

          </iframe>

          </td>

          </tr>

          </table>

          常用屬性:

          frameborder:是否顯示框架的邊框 0:不顯示,1:顯示

          Scrolling:是否顯示滾動條

          Yes:顯示

          No:不顯示

          Auto:自動處理

          2. 框架集 frameset

          <frameset ></frameset>

          屬性rows表示分成幾行,一般用“,”隔開。

          屬性cols表示分成幾列,一般用“,”隔開。

          使用fameset標簽,不再需要body元素

          主框架頁面:

          <frameset rows="15%,85%">

          <frame src="usermanger/top.html" />

          <frameset cols="200,*">

          <frame src="usermanger/navlist.html" />

          <frame src="usermanger/welceome.html" name="mainbox" />

          </frameset>

          </frameset>

          navlist.html頁面:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="UTF-8">

          <title></title>

          </head>

          <body>

          <ul>

          <li><a href="uadd.html" target="mainbox">員工添加</a></li>

          <li><a href="uedit.html" target="mainbox">員工修改</a></li>

          <li><a href="ulist.html" target="mainbox">員工查詢</a></li>

          </ul>

          </body>

          </html>

          實例1:代碼結構

          實例1:界面

          每個頁面都是一個獨立的HTML文檔,每個HTML文檔的主體結構又都是相同的,而且在一個文檔中這樣的主體結構只能聲明一次。可以簡單的將HTML文檔主體結構分為兩部分,一部分是定義文檔類型,HTML5中聲明文檔類型可比以前的版本簡單多了,只需要15個字符就可以搞定。另一部分則是定義文檔主體的結構框架標簽,因為標簽并不是任意排放的,需要有一定的嵌套規則。就像一顆樹是從樹根到樹干、樹枝、樹葉這樣的結構生長,而不能在樹葉上長出樹根來,HTML文檔的結構也是如此,整個文檔是一個整體,最外層標簽只有一個,第二層標簽有兩個,是這樣固定的結構,第三層以后可以任意嵌套,就像一顆倒立的樹形結構。如圖所示:

          圖 HTML文檔的樹狀結構

          • :HTML 基本結構
          • <html> 標記放在 HTML 文件的開頭,是一個形式上的標記;
          • <body> 標記稱為主體標記,網頁所要顯示的內容都放在這個標記內,它是 HTML 文件的重要所在;
          • <head> 標記稱為頭標記,起的作用是放置關于此 HTML 文件的信息,如提供索引、定義 CSS 樣式等;
          • <title> 標記稱為標題標記,起的作用是設定網頁標題;


          • 2:開發中常用的標簽
          • <b>文字以粗體方式顯示</b>
          • <i>文字以斜體方式顯示</i>
          • <u>文字以加下劃線方式顯示</u>
          • <s>文字以加下刪除方式顯示</s>
          • <big>文字以放大方式顯示</big>
          • <small>文字以縮小方式顯示</small>
          • <strong>文字以加強強調方式顯示</strong>
          • <em>文字以強調方式顯示</em>
          • <address>地址標簽:xxxxxx@一只快樂的小碼農.com</address>
          • <code>代碼塊</code>
          • align 屬性控制段落的水平位置
          • bgcolor 屬性設置背景顏色
          • 無序列表 ul
          • 有序列表 ol
          • 2.1 段落標簽<p>
          • 2.2 換行標簽<br>
          • 2.3 標題標簽<h1>~<h6>
          • 2.4 文字居中標簽<center>
          • 2.5 文字段落縮進標簽<blockquote>
          • <img src="">網頁中嵌入圖片(height+weigth屬性調整圖片大小)
          • <form action="" method="">表單提交
          • <align="">對齊方式-left+right+center...
          • <div></div>-設置塊級元素
          • type="radio"-單選框
          • type="checkbox"-復選框
          • <select><option></option><select>-下拉菜單

          基本符號代碼轉化


          • 3:用 HTML 建立超鏈接
          • 3-1框架之間的鏈接
          • 3-1-1://frameset框架標簽中用rows屬性將窗口分為上中下三部分
          • <frameset rows="30%,10%,*">
          • <frame>
          • <frame>
          • <frame>
          • </frameset>
          • 3-1-2://用src屬性在框架中插入網頁
          • </head>
          • <frameset cols="30%,*">
          • <frame src="a.html">
          • <frameset rows="50%,*">
          • <frame src="b.html">
          • <frame src="c.html">
          • </frameset>
          • </frameset>
          • </html>
          • 3-1-3//框架之間建立鏈接
          • </head>
          • <frameset cols="30%,*">
          • <frame src="a.html">
          • <frame name="main">

          • </frameset>
          • </html>
          • 4:下一節我們講css和js

          主站蜘蛛池模板: 男人的天堂亚洲一区二区三区| 日本一区二区在线播放| 伊人激情AV一区二区三区| 91在线一区二区三区| 国模精品视频一区二区三区| 国产高清不卡一区二区| 国产综合精品一区二区| 日韩av无码一区二区三区| 好爽毛片一区二区三区四| 精品国产一区二区三区久久影院| 亚洲国产精品一区| 亚洲中文字幕无码一区 | 国产一区二区三区在线影院| 亚洲AV成人精品一区二区三区| 国产成人无码精品一区二区三区 | 日韩精品一区二区三区四区| 国产aⅴ一区二区| 国产在线精品一区二区在线看| 精品欧洲AV无码一区二区男男| 国产精品无圣光一区二区| 变态拳头交视频一区二区| 午夜视频久久久久一区 | 久久精品无码一区二区三区| 免费视频精品一区二区| 日本韩国黄色一区二区三区 | 国产福利电影一区二区三区久久久久成人精品综合 | 中文字幕精品亚洲无线码一区应用| 色综合一区二区三区| 国产精品一区二区综合| 濑亚美莉在线视频一区| 精品国产一区二区三区在线| 久久精品免费一区二区喷潮| 日韩成人无码一区二区三区 | 国产吧一区在线视频| 亚洲日韩中文字幕一区| 老熟妇高潮一区二区三区| 国产成人一区二区三区电影网站| 在线视频精品一区| 一区二区不卡久久精品| 中文字幕精品无码一区二区| 台湾无码一区二区|