本文的標題是《SEO實操方法之超文本標記語言,不懂這些代碼做不了SEO!》來源于:由作者:陳素言采編而成,主要講述了上篇我們講到網站搭建,今天我們來認識網站代碼語言。網站使用的代碼語言是超文本標記語言
上篇我們講到網站搭建,今天我們來認識網站代碼語言。
網站使用的代碼語言是超文本標記語言,網絡上應用最廣泛的語言,也是構成網頁文檔的主要語言;HTML是構成網頁最基本的元素,由瀏覽器負責解析的。
編輯工具有DW,sublime,記事本等;最為方便的工具就是用記事本來編輯網頁,桌面新建文本文檔,然后更改新建文本的擴展名;以.html結尾或者.htm結尾;打開方式選擇記事本來編輯,保存;然后用瀏覽器打開看效果。
代碼標記有單標記和雙標記,總結如下:
1、字體標記 <font>…</font> 雙標記
屬性:字體 face 顏色 color 大小size(像素值)
格式:<font color=”red” face=”宋體” size=”10px”>…</font>
2、標題標記<h1>…</h1><h2>…</h2><h3>…</h3><h4>…</h4><h5>…</h5><h6>…</h6> 雙標記,需要注意在一個網頁中且只有一個h1標記;權重最高,h2-h6標記可以有多個
屬性:對齊方式 align 值:靠左 left居中center 靠右right
格式:<h1 align=”center或left或right”>…</h1>
3、居中標記 <center>…</center> 雙標記
4、加粗標記 <b>…</b><strong>…</strong> 雙標記,需要注意的一點,strong標記帶權重。
5、下劃線標記 <u>…</u> 雙標記
6、傾斜標記 <i>…</i><em>…</em> 雙標記
7、換行標記 <br/> 單標記
8、段落標記 <p>…</p> 雙標記
9、水平線 <hr/> 單標記
屬性:顏色 color width px像素值 size 大小
格式:<hr color=”red” width=”500px” size=”10px”/>
10、圖像標記 <img/> 單標記
屬性:圖片地址 src,說明文字 alt 寬 width 高 height
格式:<img src=”圖片路徑”alt=“說明文字”/>
當圖片不顯示時,會顯示你的alt屬性,alt屬性主要是給搜索引擎蜘蛛看的
11、超鏈接標記 <a>…</a> 雙標記
屬性:鏈接網址 href 說明文字 title 打開方式 target
值:在新窗口打開: _blank 在當前頁面打開:_self
格式:<a href=”網址” target=”_blank或_self” title=”說明文字”>…</a>
12、有序列表標記 <ol>…</ol> <li>…</li> 雙標記
格式:<ol><li>…</li></ol>
13、無序列表標記 <ul>…</ul> <li>…</li> 雙標記
格式:<ul><li>…</li></ul>
14、表格標記 <table>…</table>行標記 <tr>…</tr> 單元格標記<td>…</td> 雙標記
屬性:邊框 border 寬 width
格式:<table border=”1px” width=”500px”><tr><td>…</td></tr><tr><td>…</td></tr></table>
15.、注釋標記:<–!注釋內容–>
認識這些代碼就足夠應付SEO的工作了,有不懂的地方可以在評論區留言,我會及時回復;今天就講到這里,接下來我們就進入SEO站內優化階段了。
本文原作者為陳素言,轉載請注明:出處!如該文有不妥之處,請聯系站長刪除,謝謝合作~
原創文章,作者:陳素言,如若轉載,請注明出處:http://www.uuuxu.com/2022013186685.html