對於上一小節的例子,我們想讓那首詩顯示得更美觀些,如顯示下面效果:
怎麼可以讓每一句詩詞後面加入乙個折行呢?那就可以用到
標籤了,在需要加回車換行的地方加入
,標籤作用相當於word文件中的回車。
上節的**改為:
語法:
xhtml1.0寫法:
html4.01寫法:
大家注意,現在一般使用 xhtml1.0 的版本的寫法(其它標籤也是),這種版本比較規範。
與以前我們學過的標籤不一樣,
標籤是乙個空標籤,沒有html內容的標籤就是空標籤,空標籤只需要寫乙個開始標籤,這樣的標籤有
、和
。
講到這裡,你是不是有個疑問,想折行還不好說嘛,就像在 word 檔案檔或記事本中,在想要折行的前面輸入回車不就行了嗎?很遺憾,在 html 中是忽略回車和空格的,你輸入的再多回車和空格也是顯示不出來的。如下邊的**。
上面的**在瀏覽中顯示是沒有回車效果的。如下圖所示:
總結:在 html **中輸入回車、空格都是沒有作用的。在html文字中想輸入回車換行,就必須輸入
。
在上一節的例子,我們已經講解過在html**中輸入空格、回車都是沒有作用的。要想輸入空格,必須寫入。
語法:
在html**中輸入空格是不起作用的,如下**。
在瀏覽中顯示,還是沒有空格效果。
輸入空格的正確方法:
在瀏覽器中的顯示出來的空格效果。如下圖所示。
在資訊展示時,有時會需要加一些用於分隔的橫線,這樣會使文章看起來整齊些。如下圖所示:
語法:html4.01版本
xhtml1.0版本
注意:
1.標籤和
標籤一樣也是乙個空標籤,所以只有乙個開始標籤,沒有結束標籤。
2.標籤的在瀏覽器中的預設樣式線條比較粗,顏色為灰色,可能有些人覺得這種樣式不美觀,沒有關係,這些外在樣式在我們以後學習了css樣式表之後,都可以對其修改。
3. 大家注意,現在一般使用 xhtml1.0 的版本(其它標籤也是),這種版本比較規範。
一般網頁中會有一些**的聯絡位址資訊需要在網頁中展示出來,這些聯絡位址資訊如公司的位址就可以標籤。也可以定義乙個位址(比如電子郵件位址)、簽名或者文件的作者身份。
語法:
聯絡位址資訊
如:文件編寫:lilian 北京市西城區德外大街10號
在介紹語言技術的**中,避免不了在網頁中顯示一些計算機專業的程式設計**,當**為一行**時,你就可以使用標籤了,如下面例子:
var i=i+300;
注意:在文章中一般如果要插入多行**時不能使用標籤了。
語法:
**語言
注:如果是多行**,可以使用
標籤。在上節中介紹加入一行**的標籤為
,但是在大多數情況下是需要加入大段**的,如下圖:
怎麼辦?不會是每一**都加入乙個標籤吧,沒有這麼複雜,這時候就可以使用標籤。
語法:
語言**段
標籤的主要作用:預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。在瀏覽器中的顯示結果為:如下**:
var message="歡迎";
for(var i=1;i<=10;i++)
在上面的例子中可以看到**中的空格,換行符都保留下來。如果用以前的方法,回車需要輸入
籤,空格需要輸入
注意:標籤不只是為顯示計算機的源**時用的,在你需要在網頁中預顯示格式時都可以使用它,只是
標籤的乙個常見應用就是用來展示計算機的源**。
小程式解析HTML5
所以以下解決方法。wxparse外掛程式 我這裡匯入這些檔案,是那個頁面需要轉換在然後再匯入的。2.在使用的view中引入wxparse.js模組 var wxparse require wxparse wxparse.js 2.1在使用的wxss中引入wxparse.css import wxpa...
22個HTML5 技巧 HTML學習
html5 技巧一 1.新的文件型別 doctype 上面這個既麻煩又難記的xhtml文件型別你還在使用嗎?如果還是這樣的話,現在該切換到新的html5文件型別了。現在只要這麼簡單的15個字元就可以了。注意 你的doctype的申明需要出現在你html檔案的第一行。2.圖形 figure 元素 你還...
HTML5開發Android程式
v3.5正式版 開源免費 含mac os版 最新版本日期 2016 07 08 定位 開發面向消費者和公眾的開放應用系統 後端 後端資料處理元件,對接各主流技術平台 費用 完全開源,徹底免費,無任何限制 歷史版本 wex5開發指南 wex5常見問題 更多 最新版本日期 2016 07 08 定位 開...