本文的标题是《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.kaicen.cn/2022013186685.html