利用Dreamweaver解決網(wǎng)頁中的空格_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
以下是對Dreamweaver的空格問題的探討。
Dreamweaver是一個非常簡單易用但又功能強大的網(wǎng)頁制作軟件。但是,它卻又一個令很多初學者很困惑的問題。那就是空格。
在Dreamweaver中使用空格遠遠沒有象word中一樣方便。比如首行無法空格,句子中間空一格以上都是不行的。
原因是什么呢?這是因為在HTML語言中多于一個的空格都被忽略不計。這樣就造成了空格困難的原因。
如何很好地解決Dreamweaver的空格問題呢?
以下是常用的解決方案:
1、 使用軟空格。即在要插入空格的地方按Ctrl shift 空格。這樣的空格所有瀏覽器都能認識。但是缺點是在頁面編輯的時候無法看見插入了多少空格,只能在瀏覽器預覽的時候才能看清楚。不夠直觀。軟空格其實使用的是代碼。是不間斷空距標記。他可以生成軟空格。每按一下Ctrl shift 空格就是增加一個代碼。
代碼雖然簡單,但是它的作用也很大。在做網(wǎng)頁時候我們空出一行或者幾行就要靠這個代碼來幫忙。學過HTML語言的朋友都知<p></p>標簽是用來標記一個段落的。如果光寫<p></p>這段代碼是不是就可以生成空行呢?這是無效的。必須在<p>標簽中增加“;”代碼才行。<p> </p>這樣的代碼才會有空行效果。這里該標記也是起了占據(jù)位置的作用。另外如果用Dreamweaver生成一張表格,察看源代碼的時候會發(fā)現(xiàn)。單元格<td>標簽中頁有這個標記<td> </td>。如果你把這些標記刪除,會發(fā)現(xiàn)所有的單元格全部擠在一起。根本無法往里面填寫內(nèi)容非要拖拽邊框不可。
2、 使用全角空格。為什么這種方案可行呢?因為全角空格實現(xiàn)起來比較簡單。雖然也是空格但是對應的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當字符處理而不是空格。所以可以相安無事。但是在不支持中文字符集的瀏覽器看來就是亂碼了。
3、 制作一張很小的透明圖片。嵌入到文本當中或者行首。這種方法實現(xiàn)起來比較麻煩。
Dreamweaver是一個非常簡單易用但又功能強大的網(wǎng)頁制作軟件。但是,它卻又一個令很多初學者很困惑的問題。那就是空格。
在Dreamweaver中使用空格遠遠沒有象word中一樣方便。比如首行無法空格,句子中間空一格以上都是不行的。
原因是什么呢?這是因為在HTML語言中多于一個的空格都被忽略不計。這樣就造成了空格困難的原因。
如何很好地解決Dreamweaver的空格問題呢?
以下是常用的解決方案:
1、 使用軟空格。即在要插入空格的地方按Ctrl shift 空格。這樣的空格所有瀏覽器都能認識。但是缺點是在頁面編輯的時候無法看見插入了多少空格,只能在瀏覽器預覽的時候才能看清楚。不夠直觀。軟空格其實使用的是代碼。是不間斷空距標記。他可以生成軟空格。每按一下Ctrl shift 空格就是增加一個代碼。
代碼雖然簡單,但是它的作用也很大。在做網(wǎng)頁時候我們空出一行或者幾行就要靠這個代碼來幫忙。學過HTML語言的朋友都知<p></p>標簽是用來標記一個段落的。如果光寫<p></p>這段代碼是不是就可以生成空行呢?這是無效的。必須在<p>標簽中增加“;”代碼才行。<p> </p>這樣的代碼才會有空行效果。這里該標記也是起了占據(jù)位置的作用。另外如果用Dreamweaver生成一張表格,察看源代碼的時候會發(fā)現(xiàn)。單元格<td>標簽中頁有這個標記<td> </td>。如果你把這些標記刪除,會發(fā)現(xiàn)所有的單元格全部擠在一起。根本無法往里面填寫內(nèi)容非要拖拽邊框不可。
2、 使用全角空格。為什么這種方案可行呢?因為全角空格實現(xiàn)起來比較簡單。雖然也是空格但是對應的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當字符處理而不是空格。所以可以相安無事。但是在不支持中文字符集的瀏覽器看來就是亂碼了。
3、 制作一張很小的透明圖片。嵌入到文本當中或者行首。這種方法實現(xiàn)起來比較麻煩。
相關Dreamweaver教程:
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- Dreamweaver CS4 中文版完全自學教程
- Dreamveaver中CSS視頻教程
- Dreamweaver+ASP動態(tài)網(wǎng)頁設計視頻教程
- Dreamweaver 8 完美網(wǎng)站建設從入門到精通
- Dreamweaver MX構(gòu)建PHP+MySQL站點
- 巧學巧用Dreamweaver制作網(wǎng)頁習題精解
- Dreamweaver 8 ASP動態(tài)網(wǎng)頁編程完全自學手冊
- 零基礎學Dreamweaver CS3+ASP 教案PPT/隨書光盤
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- Dreamweaver 8 完美網(wǎng)頁設計—CSS網(wǎng)頁設計篇
- 相關鏈接:
- 教程說明:
Dreamweaver教程-利用Dreamweaver解決網(wǎng)頁中的空格。