麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

用html-和css寫出漂亮正規的Blog

2020-03-24 16:09:23
字體:
來源:轉載
供稿:網友

正確使用a標簽

超鏈接是blog中用的最多的html標簽,它用來鏈接到其他的文章或者站點鏈接,建議大家用a標簽時將下列屬性都添加上:

href:設置鏈接的url地址或錨點

target:設置鼠標點擊鏈接后的目標窗口或框架頁面,一般常用的是target="_blank",表示新開一個窗口打開鏈接,向在當前頁面打開鏈接就不用加這個屬性了

title:設置鼠標移動到鏈接上時顯示的提示信息

rel:這個是最近才開始流行的新屬性。rel="nofollow"表示禁止搜索引擎從這個站點鏈接過去而造成鏈接網址的pagerank值變化,常用來防止spam link;rel="tag"這是為technorati設置讓其以這個鏈接的文字作為該頁面的tag標記

示例:<a href=http://www.webjx.com/ target="_blank" title="網頁教學網" rel="nofollow">網頁教學網</a>

顯示:網頁教學網

文章中的鏈接不可過多,太多的鏈接會讓讀者閱讀時有壓抑感和緊張感,如果鏈接的顏色和文本顏色反差過大,也會讓人看起來有眼花繚亂的感覺。最好的鏈接效果是淡淡的顏色反差或加上下劃線,并填寫title屬性,標明這個鏈接的內容是什么或者為什么要鏈接。有時候也可以在文章末尾列表的方式附上本文相關的鏈接并加以注釋

養成文章分段的好習慣

寫blog不可能像古龍小說那樣一句話一個段落,所以按照學生時代老師所教的寫作風格寫blog是毫無爭議的。建議用p標簽給文章分段,代碼如是:<p>文章正文</p>。

值得一提的是很多blogger都沒有首行縮進的習慣,有的最多也是在編輯器下敲幾個空格,這里給出用css的text-indent屬性實現的首行縮進代碼:<p style="text-indent:2em;">文章正文</p>,縮進單位我用的2em,表示兩個漢字,勿用百分比或者px, pt等其他單位長度,用em可以在頁面字體和版式縮放的情況下保持兩個漢字的縮進。

對于一些喜歡在文章中掛上圖片的blogger在這里我推薦用img標簽的align屬性設置為left或right就可以輕松實現圖片的懸掛和正文的繞排。也可以用div標簽的float屬性來進行左右的懸掛實現文字環繞,更棒的是可以實現如 Google Adsense廣告的左右懸掛,代碼:<div style="height:100%;width:150px;float:right;">這里可以放圖片鏈接,或者像國外的blog那樣放入 google adsense代碼</div>。實現效果見本文中的Google廣告。

用list進行列表,用line-height設置行高

用樣式表list的<ul><ol><li>等標簽進行一些子標題條目的羅列,代碼:<ul><li>問題一</li><li>問題二</li></ul>

正文字體大小可按個人喜愛設置,我一般用的是blog系統默認的(13pt, 宋體和courier new),如果正文需要一段大字體時而你的文字出現過大而堆砌,可在段落的<p>上加上樣式:line-height:120%;這表示行高是字體的1.2倍

超長正文的排版技巧

雖然我們在寫blog時都知道文章最好是短小精悍為佳,但也避免不了一些特殊性質的文章需要長篇幅,這個時候建議你用&l

三個字網名[www.la240.com/html2017/1/26/]t;h1><h2>...<h6>等不同級別設置子標題,并且在文章頂部用 <dir><dl><dt><dd>這四個定義列表標簽,顯示的效果就如同word中的目錄/索引那種樣式,這樣可增加文章的閱讀性和條理性,微軟的MSDN里的很多文章都是這樣進行編排。要想實現鏈接跳轉功能可用<a name="">這個錨點標簽修飾具體的子標題實現,代碼:<a name="list1"><h1>標題一</h1></a>

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产精品午夜性视频 | 黄色的视频免费观看 | 日韩av在线网 | 9797色 | 精品xxxx户外露出视频 | 精品一区二区三区在线观看视频 | 久久影院一区二区三区 | 日韩毛片在线看 | 久久国产精品影视 | 久久久久久久黄色片 | 视频一区二区在线播放 | av在线看网站| 国产在线观看91精品 | 黄色片网站在线免费观看 | 国产69精品99久久久久久宅男 | 日本aaaa片毛片免费观看视频 | 国产精品视频一区二区三区四区国 | 九草在线 | 国产一区二区观看 | 日韩视频一区二区三区在线观看 | 国产在线播放91 | gogo全球大胆高清人露出91 | 1级片在线观看 | 一级电影免费看 | 91美女视频在线 | 午夜精品区 | 黄色片网站在线免费观看 | 欧美成在线视频 | 91久久99热青草国产 | 色淫网站免费视频 | av在线免费观看中文字幕 | 黄色小视频免费在线观看 | 91国内精品久久久久免费影院 | 欧美性生活久久 | www久久国产 | 成人国产高清 | 亚洲第一综合色 | 久久久一区二区三区精品 | 欧美jizzhd极品欧美 | 19禁国产精品福利视频 | 爽爽视频免费看 |