第一篇:個(gè)人推薦的DIV+CSS選項(xiàng)卡html代碼(共)
/*TAB布局*/
#tab * {font-size:12px;}
#tab h3 a {display:inline-block;}
#tab h3 a {display:block;}
#tab {position:relative;}
#tab h3,#tab ul,#tab div,#tab li {margin:0;padding:0;list-style-type:none;}
#tab ul li {position:absolute;left:0;top:0;float:left;display:block;width:100px;height:30px;font-size:0;} #tab ul li#tab2 {left:100px;}
#tab ul li#tab3 {left:200px;}
#tab ul li#tab4 {left:300px;}
#tab ul li div {position:absolute;clear:both;}
#tab ul li div#oDIV2 {left:-100px;}
#tab ul li div#oDIV3 {left:-200px;}
#tab ul li div#oDIV4 {left:-300px;}
/*TAB-標(biāo)題修飾*/
#tab,#tab ul li div,#tab ul li div li {width:450px;}/* 設(shè)置總寬度[width] */
#tab {height:200px;background:#ccc;overflow:hidden;}/* 設(shè)置總高度[height]、標(biāo)題背景顏色
[background] */
#tab ul li h3 a {height:18px;padding:5px 0 2px;margin:5px 0px 0px 5px;text-align:center;border:solid #ccc 1px;border-bottom:none;color:#333;}/* 標(biāo)題默認(rèn)狀態(tài) */ #tab ul li h3 a:hover {background-color:#ddd;border-color:#fff;}/* 鼠標(biāo)經(jīng)過狀態(tài) */
#tab ul li.up h3 a {background:#999;border-color:#fff #999 #999 #fff;color:#fff;}/* 當(dāng)前窗口狀態(tài) */
#tab ul li div {border:solid #999;border-width:1px 0;background:#f7f7f7;height:167px;}/* 設(shè)置內(nèi)容高度[height]、背景顏色[background]、上下分割線[border] */
/*TAB1效果[ol/li]*/
#tab ul li #oDIV1 ol {margin:8px;padding:0;}
#tab ul li #oDIV1 ol li {position:static;float:none;font-size:0;height:auto;}
#tab ul li #oDIV1 ol li a {font-size:12px;display:block;padding:5px 0 1px;}
/*TAB2效果[img]*/
#tab ul li #oDIV2 img {margin:8px;border:none;}
/*TAB3效果[iframe]*/
#tab ul li #oDIV3 iframe {border:none;width:440px;height:157px;margin:5px;}
第二篇:HTML代碼個(gè)人簡歷
粘貼相片 | 姓名: | |||
---|---|---|---|---|
年齡: | ||||
性別: | ||||
學(xué)歷 | ||||
中學(xué)階段 | 起止時(shí)間 | 學(xué)校名字 | ||
大學(xué)階段 | 起止時(shí)間 | 學(xué)校名字 | 院系 | |
職歷 | ||||
起止時(shí)間 | 單位名稱 | 職位 | ||
第三篇:html個(gè)人簡歷的代碼
個(gè)人簡歷
第四篇:網(wǎng)站建設(shè)基礎(chǔ)HTML代碼總結(jié)
網(wǎng)站建設(shè)基礎(chǔ)HTML代碼總結(jié)
1、title
“擒賊先擒王”而這個(gè)王就是網(wǎng)站的title,網(wǎng)站最關(guān)鍵的就是一個(gè)頁面中的TITLE,注意,在我們自己一個(gè)網(wǎng)站上所有的TITLE不要一模一樣,如果是一個(gè)欄目,就讓TITLE是你的欄目名,如果是文章,就讓你的TITLE是你的文章名,千萬不要有太多的頁面TITLE相同。TITLE是 SEO的重中之重,搜索引擎主要是靠TITLE來索引你的頁面。要在TITLE的前面十來個(gè)字符,放上最能標(biāo)志你這個(gè)頁面內(nèi)容的主題詞。TITLE的優(yōu)化,在這個(gè)CMS中,有一個(gè)TITLE標(biāo)簽,這個(gè)標(biāo)簽,能設(shè)置首頁,內(nèi)容頁,欄目頁顯示不同的內(nèi)容,首頁顯示為網(wǎng)站名字,欄目名,自動(dòng)取欄目的內(nèi)容,內(nèi)容頁自動(dòng)取文章的標(biāo)題,還可以另外設(shè)置特定的前綴或后綴,作得非常到位。
2、鏈接和路徑
對(duì)于鏈接就要看我們自己怎么去看待這些鏈接,特別是內(nèi)部鏈接,這對(duì)于網(wǎng)站也是非常重要的,而對(duì)于有條件的組織網(wǎng)站的連接,讓網(wǎng)站的所有頁面,都通過URL連接,合理有效的交織在一起,讓搜索引擎的蜘蛛程序,能從一個(gè)入口,尋著你的URL,收錄完所有的頁面。但是,有時(shí)間網(wǎng)站的路徑太長也會(huì)影響蜘蛛的爬行,就像我們的網(wǎng)站在我剛做這個(gè)網(wǎng)站時(shí)間基本上每天根本就沒有蜘蛛的爬行,這個(gè)原因就是網(wǎng)站的路徑過長造成蜘蛛爬行時(shí)不能識(shí)別路徑,最終導(dǎo)致網(wǎng)站的收錄很少,這就需要我們對(duì)路徑進(jìn)行優(yōu)化,我們可以利用二級(jí)域名來減短路徑的長度,這樣會(huì)對(duì)收錄起到很好的作用。全站的交錯(cuò)連
接 保證搜索引擎能檢索到,還自動(dòng)生成了網(wǎng)站地圖。保證搜索引擎能檢索到網(wǎng)站中的每一個(gè)頁面。
3、死鏈接
作為站長,我想我們大家都應(yīng)該做一個(gè)有心的站長,站長應(yīng)注意每天堅(jiān)持檢查網(wǎng)站的所有鏈接,盡量避免自己網(wǎng)站里面有死連接,因?yàn)樽鐾怄溡欢ㄒ幸欢ǖ男Ч?,不能只一味地去做鏈接也不管它有沒有效果,如果這樣下去網(wǎng)站的排名也不會(huì)上去的。而在我們做外鏈時(shí)間也要十分注意,千萬不要鏈那種搜索引擎中的黑名單網(wǎng)站,比如法律禁止的網(wǎng)站,或是有SEO作弊的網(wǎng)站,像這樣的站他們現(xiàn)在雖然是存在的而且訪問量也比較高,但是我們要去想一想他能持續(xù)多久,死鏈我們要注意,而這樣的站也要我們?nèi)ザ嚓P(guān)注,盡量不要招惹這些站。
4、Keywords 和 Description
這兩個(gè)就相當(dāng)于一個(gè)網(wǎng)站靈魂了,Keywords是我們搜索時(shí)所要輸入的詞,而Description 卻是你搜索到你想要的內(nèi)容時(shí)第一眼看到,從這里你就可以看出它們的重要性了,其實(shí)現(xiàn)在在這憑空的說也不容易理解就舉個(gè)例子吧!在我工作時(shí)間曾經(jīng)做過這航模培訓(xùn)類的網(wǎng)站,這個(gè)網(wǎng)站優(yōu)的的關(guān)鍵詞是航模培訓(xùn),當(dāng)我接到這個(gè)詞后我做了一個(gè)分析:
首先Keywords選定 我要去做培訓(xùn)這個(gè)詞,這是我第一時(shí)間想到的,如果能把這個(gè)詞做上去就會(huì)達(dá)到很好的效果。但是問題又出來了,當(dāng)我去在百度上去搜這個(gè)詞時(shí)間做百度推廣的基本上已經(jīng)占了全
部的位置,做這個(gè)詞是不可能的,所以我選擇了幾個(gè)其它的關(guān)鍵詞。在以后的工作中我就在這些關(guān)鍵詞上下功夫,最后也達(dá)到了不錯(cuò)的效果,這些詞在百度的排名基本上都在首頁的位置,這就是對(duì)關(guān)鍵詞選定要多考慮。
再次就是Description 在我看來描述就像是一篇好的文章的中心思想,我們?cè)谧龅臅r(shí)間一定要把握中心,然后就是再加上自己的一點(diǎn)點(diǎn)的創(chuàng)新,寫出吸引人的網(wǎng)站描述。
最后就是 KeywordsDescription自動(dòng)優(yōu)化,系統(tǒng)有一個(gè)專門的SEO標(biāo)簽,首頁的可以手工設(shè)置這個(gè),欄目頁的系統(tǒng)會(huì)自動(dòng)取欄目中設(shè)置好的關(guān)鍵字和簡介,如果沒有設(shè)置,可以設(shè)置為取特定編寫的字符,在內(nèi)容頁時(shí),會(huì)自動(dòng)取文章的關(guān)鍵字,自動(dòng)過濾文章內(nèi)容的HTML后,取前150個(gè)字符作Description。當(dāng)然,如果覺得程序自動(dòng)取提不優(yōu)化,深圳網(wǎng)站建設(shè)公司建設(shè)你要手工設(shè)置這些也是可以的。這一下,系統(tǒng)就自動(dòng)給我們搞好了所有的KeywordsDescription了,無須我們勞神,而這個(gè)是對(duì)于那些seo新手有很好的參考作用。推薦閱讀:深圳網(wǎng)站建設(shè)http:///website/
第五篇:HTML個(gè)人總結(jié)
HTML 網(wǎng)站開發(fā)的主要原則是:
– 用標(biāo)簽元素HTML描述網(wǎng)頁的內(nèi)容結(jié)構(gòu); – 用CSS描述網(wǎng)頁的排版布局;
– 用JavaScript描述網(wǎng)頁的事件處理,即鼠標(biāo)或鍵盤在網(wǎng)頁元素上的動(dòng)作后的程序 HTML(Hyper Text Mark-up Language 超文本標(biāo)記語言)的縮寫,是最基礎(chǔ)的網(wǎng)頁語言。Html是通過標(biāo)簽來定義的語言,代碼都是由標(biāo)簽所組成。Html代碼不用區(qū)分大小寫。Html代碼由開始結(jié)束。里面由頭部分
和體部分