SEO实**方法之超文本标记语言,不懂这些代码做不了SEO!

本文的标题是《SEO实操方法之超文本标记语言,不懂这些代码做不了SEO!》来源于:由作者:陈素言采编而成,主要讲述了上篇我们讲到网站搭建,今天我们来认识网站代码语言。网站使用的代码语言是超文本标记语言

上篇我们讲到网站搭建,今天我们来认识网站代码语言。


SEO实操方法之超文本标记语言,不懂这些代码做不了SEO!

网站使用的代码语言是超文本标记语言,网络上应用最广泛的语言,也是构成网页文档的主要语言;HTML是构成网页最基本的元素,由浏览器负责解析的。

编辑工具有DW,sublime,记事本等;最为方便的工具就是用记事本来编辑网页,桌面新建文本文档,然后更改新建文本的扩展名;以.html结尾或者.htm结尾;打开方式选择记事本来编辑,保存;然后用浏览器打开看效果。


SEO实操方法之超文本标记语言,不懂这些代码做不了SEO!

代码标记有单标记和双标记,总结如下:

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!

认识这些代码就足够应付SEO的工作了,有不懂的地方可以在评论区留言,我会及时回复;今天就讲到这里,接下来我们就进入SEO站内优化阶段了。

本文原作者为陈素言,转载请注明:出处!如该文有不妥之处,请联系站长删除,谢谢合作~

原创文章,作者:陈素言,如若转载,请注明出处:http://www.kaicen.cn/2022013186685.html