一、外聯框架
使用外聯框架可以印日外部的一個頁面， 使用iframe來創建一個外聯框架
1. 屬性
src：指向外部路徑的一個路徑，可以使用相對路徑
name：可以爲外聯框架指定一個name屬性
2. 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>內聯框架</title>
</head>
<body>
<iframe src='zhoujielun.html' width='500px' height='400px'></iframe>
</body>
</html>
注意：內聯框架中的內容不會被搜索引擎檢索
二、超鏈接
使用超鏈接可以讓我們從一個頁面條撞到另一個頁面，使用a標籤來創建超鏈接
1. 屬性
href：指向頁面的URL
target：打開的位置
(1) _self：在當前窗口中打開1.
(2) _blank：在新窗口中打開
(3) 可以設置一個內聯框架中的name屬性值，鏈接將會在指定的內聯框架中打開
2. 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超鏈接</title>
</head>
<body>
<a href='https://www.baidu.com' target='_blank'>百度</a><br />
<a href='zhoujielun.html' target='zhoujielun'>周杰倫</a><br />
<iframe src='img.html' width='500px' height='300px' name='zhoujielun'></iframe>
</body>
</html>
三、塊和內聯
1. div
div沒有任何的語義，不會爲裏邊的元素設置默認樣式，獨佔一行，主要用來爲頁面進行佈局
2. span
行內元素，只佔自身元素的大小，爲文字來設置樣式
注意：一般情況下只是用塊元素去包含內聯元素，不會使用內聯元素去包含一個塊元素，a元素可以包含除了它本身任何一個元素，p元素不可以包含任意塊元素
