網(wǎng)頁標題和 IFrame

在之前的學習中，有提及過標題，但那時候的標題我們并沒有講解如何具體實現(xiàn)。水平分割線的知識。那么今天，我將帶領(lǐng)大家進一步學習網(wǎng)頁中標題的實現(xiàn)。更多的側(cè)重點是傾向于使用 Dreamweaver CC 2018 直接實現(xiàn)的標題。

然后再帶領(lǐng)大家在網(wǎng)頁中插入一個 IFrame ，Iframe 的知識我們之前多少提到過一些，今天的內(nèi)容對于已經(jīng)掌握的同學可以作為一個復習。本節(jié)知識點的內(nèi)容并不是很繁瑣，內(nèi)容也不是很多，難易程度也相對好掌握，因此大家在學習的時候不必帶有很沉重的心理負擔。下面就讓老師帶領(lǐng)大家一起來開始本節(jié)知識點的學習吧！

1. 在網(wǎng)頁中插入標題

標題，和我們語文中學習的文章標題一樣，網(wǎng)頁也需要一個屬于自己的標題。標題可以是文字，可以是圖片。但大多數(shù)情況下，我們所說的還是和語文作文中的標題一樣，即文字標題。

那么如何利用 Dreamweaver CC 2018 設(shè)置網(wǎng)頁的標題呢？

原理很簡單，代碼層面你可以手寫 h 標簽，注意， h 標簽也是成對出現(xiàn)的標簽哦！

而利用 Dreamweaver CC 2018 我們可以使用它自帶的插入面板來實現(xiàn)。具體實現(xiàn)我們可以看下面的動態(tài)圖片。大致的操作過程就是：在新建的空白 HTML 頁面上點擊右側(cè)的插入面板，找到標題這個選項，我們可以發(fā)現(xiàn)它里面有 h1-h5 等多個選項，任選一個點擊它，（ h 后面的數(shù)字越小，代表標題大小越大）然后你就可以看到頁面中插入了不同大小的標題。我們可以雙擊左側(cè)插入的標題去修改你想設(shè)置的標題內(nèi)容。

怎么樣？是不是很 easy ？ 其實這對于熟悉 HTML 的同學很簡單。只不過今天我們要在 Dreamweaver CC 2018 里給它一個完美的答案。

好了，以上就是我們應該掌握的在 Dreamweaver CC 2018 中插入標題的方法。似曾相識而且很簡單？大家只要仔細觀察上面的動態(tài)圖片，相信可以在5秒種都不到就徹底掌握它！

2.在網(wǎng)頁中插入 IFrame

Iframe 是什么？

Iframe 的學名叫內(nèi)聯(lián)框架，在之前的章節(jié)中提到過這個，但是沒有說太多。今天我們就稍微仔細地看看這個東西。

你可以想象網(wǎng)頁中有的時候需要嵌套小的網(wǎng)頁，或者內(nèi)部模塊。這個時候，現(xiàn)有的 HTML 標簽似乎僅僅能夠構(gòu)建一個依賴于當前文檔的元素結(jié)構(gòu)。

這個時候，我們可憐的小伙伴就不得不向新的標簽來求助了。那么 IFrame 正是解決了這個問題。在 Iframe 標簽中，你可以嵌套多種多樣的其他的我們之前學習過的網(wǎng)頁元素。 在這里要提醒大家 Iframe 標簽同樣是一個成對出現(xiàn)的標簽。下面就請大家跟隨老師的步驟一起看一看如何利用 Dreamweaver CC
2018 在網(wǎng)頁中插入 Iframe 標簽吧。

首先，我們還是新建一個空白的 HTML 頁面。第二步我們還是找到我們熟悉的插入面板，在里面尋找我們今天的主角，Iframe。

然后我們就可以看到像下圖所示的過程一樣，你的空白網(wǎng)頁里插入了一個 Iframe 元素。同時，在下方的代碼視圖里你也看到了成對出現(xiàn)的 IFrame 標簽。

到此，我們利用 Dreamweaver CC 2018 設(shè)置網(wǎng)頁中的 Iframe 就算成功的實施了。

3.本節(jié)小結(jié)

本節(jié)知識點屬于推陳出新，既提到了過去章節(jié)知識點學到的一些東西，又帶著大家學習了新的操作方法，實際上我們不必掌握太多花哨的 Dreamweaver CC 2018 的操作，跟著老師的 wiki 教程學習后，足夠大家勝任正常的網(wǎng)頁設(shè)計了。因此大家還是要在課下對于老師講解的這些基礎(chǔ)的，易理解的，易于操作且關(guān)鍵的 Dreamweaver CC 2018 知識點多多練習，多多復習，這樣大家離順利出師就會越來越近啦！

本節(jié)知識點的重點是：網(wǎng)頁中標題的設(shè)置。
本節(jié)知識點的難點是：網(wǎng)頁中如何插入一個 Iframe 標簽。