领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

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

nixiaole 2024-11-25 15:43:17 知识剖析 15 ℃

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

网站使用的代码语言是超文本标记语言,网络上应用最广泛的语言,也是构成网页文档的主要语言;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站内优化阶段了。

Tags:

猜你喜欢

最近发表
标签列表