阿里国际站必须看懂的html编码（续）

国际站必须看懂的html编码

四，


标签主要是用来定义段落的，这个标签在我们详情描述里面可以经常看到的哈，我们的文字段落的定义就可以用它来实现哈。好吧，我还是用实例的方式来说明吧。


可能新手朋友一眼看到这个不太了解这段代码为什么要这样写。首先我告诉大家它的显示效果是文字内容居中显示。红色的oil painting就是我们里面写的文字内容。前面的style = "text-align:center;"这个是


标签支持的样式风格，style =""是样式风格在标签中的通用写法，大家只要记住即可。Text-align：center这个代表的是文本的对齐方式。它的值是center，意思就是居中显示哈。当然它也可以是left或者right。由于style里面有很多很多的值，这里就不一个一个的讲解了。大家只要能知道


标签是干嘛用的即可。


五，
标签在阿里详情描述里面也是出现很多的标签。它本身没有什么实际效果，我们应用它的主要原因就是要对内容添加样式，即style。如果我们不在标签中添加样式，它就没有什么视觉上的区别，也没有很特别的意思。下面举例说明它的用法。我们可以把它用在


标签内来改变指定的文字样式。如：


先截图让大家看一下这段代码显示的效果，如图：


abstract handmade seascape oil painting 是我的文本。标签我是加在abstract handmade这两个单词上的。里面添加了一些样式，从最后显示的效果大家就能够清晰的看出来，文字背景为黄色，文字颜色是红色，文字的字体是微软雅黑，字号大小是16px。这些代码我们不但需要看得懂，最好是能够自由使用。因为当我们熟练的时候，我们不但能使用，而且还可以根据自己的需要添加和删除一些代码，那些无用的代码我们尽量要删除，这样可以减小搜索服务器的压力，对我们的搜索排名是有一定的优势的哦。还有就是规范合理的代码书写和排列也是对我们的搜索排名有好处的哈。



六，


这个标签是一种效果标签，从字面意思可能大家就可以理解，它是把文本加粗的一种标签。这是文本的一种强调形式。用这个标签告诉搜索引擎，这里是我的重点，在搜索优化的时候，这个标签内的内容就会有多一些的权重值。所以，我们在优化的时候，标题和关键词出现在详情描述中的时候，我们尽量要把他们加粗显示哦。


然后如图看效果： 这里我要简单说一下的是里面的 内容：class="aliDataTable" style="width: 80%;" border="1"。其中class="aliDataTable"是阿里给出的表格样式，我们可以直接使用，就是这个灰色边框效果显示的表格样式。当然我们也可以不用阿里给出的样式，我们可以自己来定义边框的颜色样式。style="width: 80%是这个表格的宽度，显示80%的意思是 我们阿里产品详情描述显示宽度是750，也就是说750宽度属于是100%，那么80%的意思就是这个表格的宽度是600. Border="1"的意思是边框的宽度是1像素。关于表格，我们在阿里详情描述中我建议一定要使用。而且尽量使用阿里给出的表格样式，即这种灰色边框的显示模式，当然如果你觉得不好看，可以自定义边框和表格背景等等风格，但是这样会加入大量的样式代码，加重搜索引擎的负担。但是好的一点是视觉效果会非常非常的漂亮。


八，


标签的功能是定义超链接，这个是一个非常非常重要的标签。有的朋友想在产品的详细描述中加入其他产品的链接，或者是在图片上加入其他产品的链接，这个时候就必须用到这个标签了。下面用代码和图样的形式来说明：


在网页上显示的风格如图：


这个时候如果我们点击上图里面的 abstract oil painting我们就会打开阿里巴巴的主页。如上面的代码……里面红色文字是我的文本文字。我就是在这些文字上加的超链接。href= 这个代码说明我加入的超链接是 也就是阿里巴巴国际站的首页网址。target="_blank"的意思是点击后在新窗口打开页面。如果想在图片上加入超链接，我们只需要把红色文本换成标签且链接图片即可实现图片上加入链接哈。在阿里的实际操作过程中，我们可以在关键词上加入超链接来导向我们的相关产品来增加关键词对这个关键词的关注度，来增加它的权重。


九，


标签表示是在网页中插入图片信息。这里需要说明的是这个标签也是单独出现的。它的代码格式是：>


这个标签的功能实现主要是src ="#"。这里的#号代表的是图片的链接地址，只要加入这个地址，图片就可以在网页上显示出来。Width和height是控制图片在网页中显示的宽度和高度的。单位是像素。这里的Alt 是阿里进来刚开放的功能。它的功能是对图片的搜索优化，当我们在阿里详细描述中插入图片的时候，Alt 的默认值是图片的名称，如果你的图片是数字编号，比如：001，那么Alt的值就是001。这个时候就需要我们切换成HTML的编辑模式对图片的Alt值进行修改，修改成我们优化的关键词或者其他跟图片相关的文字信息。