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 高清不卡一区二区三区,亚洲欧美日韩国产精品一区,久久久久久穴

          整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

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

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

          .活動框架 iframe

          1. 活動框架iframe,這個框架可以內(nèi)聯(lián)或包含另外一個網(wǎng)頁文檔

          語法結(jié)構(gòu):<iframe></iframe>

          實例:

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

          <tr height="100"><td colspan="2">高新區(qū)軟件園C區(qū)食堂管理系統(tǒng)</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:代碼結(jié)構(gòu)

          實例1:界面

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

          圖 HTML文檔的樹狀結(jié)構(gòu)

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


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

          基本符號代碼轉(zhuǎn)化


          • 3:用 HTML 建立超鏈接
          • 3-1框架之間的鏈接
          • 3-1-1://frameset框架標簽中用rows屬性將窗口分為上中下三部分
          • <frameset rows="30%,10%,*">
          • <frame>
          • <frame>
          • <frame>
          • </frameset>
          • 3-1-2://用src屬性在框架中插入網(wǎng)頁
          • </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:下一節(jié)我們講css和js

          主站蜘蛛池模板: 一区二区三区四区精品视频| 竹菊影视欧美日韩一区二区三区四区五区 | 无码av中文一区二区三区桃花岛| 日本一区二区三区在线看| 亚洲制服中文字幕第一区| 精品一区二区三区视频在线观看| 亚洲国产美国国产综合一区二区 | 日韩精品一区二区三区在线观看l| 日韩电影一区二区三区| 亚洲成人一区二区| 国产产一区二区三区久久毛片国语 | 少妇无码一区二区三区| 国精产品一区二区三区糖心 | 成人免费视频一区| 91一区二区三区四区五区| 波多野结衣AV无码久久一区| 亚洲A∨精品一区二区三区| 精品不卡一区中文字幕| 女人和拘做受全程看视频日本综合a一区二区视频| 日本午夜精品一区二区三区电影 | 高清精品一区二区三区一区| 一区二区视频在线播放| 国99精品无码一区二区三区| 国产AV午夜精品一区二区三| 亚洲毛片不卡av在线播放一区| 视频一区在线播放| 国产成人精品a视频一区| 久久精品一区二区三区中文字幕| 一区精品麻豆入口| 国产亚洲一区二区手机在线观看| 无码少妇一区二区三区| 日韩人妻精品无码一区二区三区 | 日本免费一区二区三区四区五六区| 精品国产福利第一区二区三区| 亚洲夜夜欢A∨一区二区三区| 亚洲乱码一区二区三区在线观看| 精品国产一区二区三区久久| 久久精品亚洲一区二区| 亚洲一区二区三区免费观看| 国产精品香蕉一区二区三区| 精品一区狼人国产在线|