简单的html代码修改与书写规范

  • A+
所属分类:seo快速入门

作为seo来说,熟悉和书写简单的html代码标签是必须的,因为这是seo最基本的基础知识,可以为后期的普通代码调用和修改提供坚实基础,今天网云和大家分享一下。学习要点:一:找百度。二:想修改什么,再去学习。

首先我们来认识一下html标签是什么?简单来说就是超文本标记语言【含图片、链接、音乐、程序、视频、等非文字元素】我们把这些统称为网页代码,有国际utf-8代码和国内gbk代码。蜘蛛比较容易识别的代码一般为:div +css 形式展现的代码。表现形式一般以一对一对出现,有开始有结束,例如:<title>写你想要说的</title>    <h1></h1>

那么常用的html标签有哪些呢?

一:我们先来认识网站的三大标签:即TDK

1:标题(Title)标签,对本页面表达的中心思想。书写格式,例如:<title>seo优化基础入门大全让零基础快速成长为seo高手 | www.zhonghuaseo.com中华seo</title> 

2:描述(Description)标签,对中心思想的详细描述,书写格式:例如:<meta name="description" content="专业分享前沿的seo优化基础入门知识,帮助零基础从一点一滴学起,全面掌握并且快速地成长为一名优秀的seo高手_http://www.zhonghuaseo.com/中华seo" />_http://www.zhonghuaseo.com/中华seo

3:还有关键词(Keywords)标签,书写格式,例如:<meta name="keywords" content="seo优化、seo基础、seo入门" />

二:接下来我们认识一下:H标签

严格来说是文章的属性,H1、H2、H3  那么H1是这四个标签权重最高的,不是为了加粗加大,而是为了显示重要性。一个网页H1标签只能出现一次。<h1></h1>例:

简单的html代码修改与书写规范

简单的html代码修改与书写规范

三:a标签,指可以点击的。

格式为:<a href="......." />  你假如要在新窗口打开可以加上:target="_blank"

例如:

<a href="http://www.zhonghuaseo.com">首页</a>

<a href="http://www.zhonghuaseo.com"target="_blank">首页</a>

 

还可以加【就是鼠标放上去会显示】title="中华seo"

<a href="http://www.zhonghuaseo.com"target="_blank"title="中华seo">首页</a>

 

四:假如你要加图片,可以使用标签:<img src="图片地址"

<img src="http://www.zhonghuaseo.com/wp-content/uploads/10.gif">

 

你也许会问:这个标签为什么不是一对的,是因为中间空的没有东西,删除多余的<ing>,那么我们写成:<img src="图片地址"> 格式。图片如果加alt属性,写成:alt="xxx",

即:<img src="http://www.zhonghuaseo.com/wp-content/uploads/10.gif" alt="站长工具应用">

 

加宽高:宽:width="200px" 高:height="200px" 写成: width="200px"height="200px"

即:<img src="http://www.zhonghuaseo.com/wp-content/uploads/10.gif" width="200px"height="200px">

 

也可以加title="自定义名称" 【注意:这个适用于可以打开的图片】

五:添加可点击的图片代码:把有颜色的换成您自己的即可。

<div>
<p style="text-align: center;"><a href="http://www.zhonghuaseo.com/"><img class="wp-image-520 size-full aligncenter" src="http://www.zhonghauseo.com/wp-content/uploads/2018/03/1-1-5.gif" alt="中华seologo配图" width="250" height="50" /></a></p>

</div>

假如你想要修改代码的话,首先找到相应的模板,然后添加上代码修改即可。一般来说不建议修改,需要后期你掌握了html之后再来比较保险。

发表评论

您必须才能发表评论!