整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
例
標記一個內聯框架：
<iframe src="http://www.runoob.com"></iframe>
瀏覽器支持
所有主流瀏覽器都支持 <iframe> 標簽。
標簽定義及使用說明
<iframe> 標簽規定一個內聯框架。
一個內聯框架被用來在當前 HTML 文檔中嵌入另一個文檔。
提示和注釋
提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之間，這樣就可以應對不支持 <iframe> 的瀏覽器。
提示：使用 CSS 為 <iframe> （包括滾動條）定義樣式。
HTML 4.01 與 HTML5之間的差異
HTML5 新增了一些新的屬性，同時去掉了 HTML 4.01 中的一些屬性。
HTML 與 XHTML 之間的差異
在 XHTML 中，name 屬性已被廢棄，并將被去掉。請使用 id 屬性代替。
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| align | leftrighttopmiddlebottom | HTML5 不支持。HTML 4.01 已廢棄。 規定如何根據周圍的元素來對齊 <iframe>。 |
| frameborder | 10 | HTML5 不支持。規定是否顯示 <iframe> 周圍的邊框。 |
| height | pixels | 規定 <iframe> 的高度。 |
| longdesc | URL | HTML5 不支持。規定一個頁面，該頁面包含了有關 <iframe> 的較長描述。 |
| marginheight | pixels | HTML5 不支持。規定 <iframe> 的頂部和底部的邊距。 |
| marginwidth | pixels | HTML5 不支持。規定 <iframe> 的左側和右側的邊距。 |
| name | name | 規定 <iframe> 的名稱。 |
| sandboxNew | ""allow-formsallow-same-originallow-scriptsallow-top-navigation | 對 <iframe> 的內容定義一系列額外的限制。 |
| scrolling | yesnoauto | HTML5 不支持。規定是否在 <iframe> 中顯示滾動條。 |
| seamlessNew | seamless | 規定 <iframe> 看起來像是父文檔中的一部分。 |
| src | URL | 規定在 <iframe> 中顯示的文檔的 URL。 |
| srcdocNew | HTML_code | 規定頁面中的 HTML 內容顯示在 <iframe> 中。 |
| width | pixels | 規定 <iframe> 的寬度。 |
全局屬性
<iframe> 標簽支持 HTML 的全局屬性。
事件屬性
<iframe> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
天開始小編將會給大家講解HTML的入門知識以及做項目會遇到的某些問題以及如何解決此類問題的方法。說道網頁設計，HTML是我們必不可少的一部分?；A網頁的構成，無論怎么變幻，都是由原聲的HTML代碼組成構成網頁。
下面我就根據工作中所用和看過的書籍一點一點總結下我們常用的HTML格式和代碼。
一、什么是HTML。
HTM不是一段編程語言，而是一款標記語言，本身不能顯示在瀏覽器中。經過瀏覽器的編釋和編譯，才能正確反映HTML標記語言的內容。HTML從1.0到5.0經歷了巨大的變化，從單一的文本顯示功能到多功能互動，已經成為了一款非常成熟的標記語言。
二、HTML文件的基本結構
<!doctype html>
<html>文件開始標記
<head>文件頭開始的標記
<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
<title>XX系統</title>
</head>文件頭結束
<body>文件主題的內容
</body>文件主題的結束
</html>文件結束的標記
這里主要說明title和meta(元信息)
<!--說明文件頭-->
<title>XX網站</title>
<!--添加作者信息-->
<meta name="author" content="_永不言棄" >
<!--設置網頁文字及語言 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
<!--設置網頁定時(20秒后)跳轉-->
<meta http-equiv="refresh" content="20;url=index.html">
三、HTML主要常用標簽
3.1標題
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
3.2 標題字對齊屬性align
默認情況下，標題文字是左對齊的。在網頁制作過程中，常常需要選擇對其他的方式，這時我們就需要用到align屬性。
3.3 段落標記p
段落標記是文檔中最常見的標記，<p>用來起始的一個段落。
3.3 換行標記
換行標記<br>作用是在不另起一段的情況下將當前文本強制換行。
3.4 不換行標記nobr
<nobor>表示的是不換行的標記</nobor>
3.5 水平線
<hr/>
四、建立超鏈接
與自身網站頁面有關的連接被稱為內部連接
4.1絕對路徑
絕對路徑是包括服務器規范在內的完全路徑。絕對路徑不管源文件在什么位置都可以非常精確地找到，除非是目標文檔的位置發生變化，否則連接不會失效。
4.2相對路徑
為了避免絕對路徑的缺陷，對于在同一站點之中的連接來說，使用相對路徑是一個很好的方法。
4.3 內部連接
<a href="# target="目標窗口的打開方式 " >
屬性值
含義
-self在當前頁面中打開連接
-blank在一個全新的空白窗口中打開連接
-top在頂層框架中打開連接，也可以理解為在根框架中打開連接
-parent在當前框架的上一層里打開連接
4.4 錨點連接
錨點到本頁面中的位置
<a href="#1" >商品名稱</a>
<a href="#2" >產品特點</a>
<a href="#3" >產品規格</a>
<a neme="1">XX商品</a>
<a neme="2">XX產品特點</a>
<a neme="3">XX規格</a>
錨點到其他頁面的位置
<a href="index.html#1"></a>對應連接到index.html中name=1的位置
4.5 連接到外部網站
在設置友情鏈接時，需要打開HTTP協議進行外部連接訪問。
<a href="wwww.baidu.com" >百度</a>
4.6 連接到E-mail
<a href="mailto:郵件地址">。。。</a>
4.7 連接到FTP
FTP代表文件傳輸協議，一個FTP站點通常包含一些上傳和下載文件的文件目錄。
大部分FTP網站需要使用用戶名和密碼來登錄。
當然還有其他的一些連接方式，例如文件下載，連接到Telnet等。這些都會可以用a標簽實現。
HTML基礎就先講到這里，后面退出DIV設計網頁格式已經網頁分框的實現。
TML自學視頻教程（p20）:
2.3.3設置作者信息
在頁面的源代碼中，可以顯示頁面制作者的姓名及個人信息，這可以在源代碼中保留作者希望保留的信息。
語法格式：
<meta name="author" content="作者的姓名"在該語法中，name為屬性值，這里設置為author，也就是設置作者信息，在content中定義具體信息。
實例代碼：
<html>
<head>
<title>設置頁面描述</title>
<meta name="keyword" content="html,元信息，關鍵字">
<meta name="description" content="關于HTML的使用">
</head>
<body>
</body>
</html>在這一實例中，將作者姓名“王小力”添加到了網頁的源代碼中。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
