SEO学习网—免费网站SEO优化培训教程分享!

当前位置: 首页 > SEO视频 >

SEO必需会的HTML入门代码学习视频

来源:网络SEO|栏目:SEO视频|发布:2015-11-29 19:17|浏览:

1.HTML是什么?

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

2.HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如<p>

HTML 标签通常是成对出现的,比如 <p>和</p>

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

3.HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

4.HTML在线学习网址:http://www.w3school.com.cn/html/html_intro.asp

5.SEO中常用的HTML代码

(1)链接标签,也就是我们所说的a标签,其中最重要的一个属性就是nofollow。如果你把某一链接的"rel"属性设置为”nofollow“,这意味着你是向搜索引擎传达这样的信息:你不希望搜索引擎继续跟踪抓取这些特定链接所指向页面,并且也不希望将自己网页的权重值传给这些链接指向的网页。

什么情况下使用nofollow属性,一是当你在写文章的时候并引用某个网站,但是并不想把权重值传递给他,这个时候你就对这个网站的链接使用nofollow属性。二是网站垃圾留言,网站客服代码等等,主要是用于外部链接。

使用方式:<a  href="外部网址"rel="nofollow" ></a>

(2)h标签。其中对于SEO来讲最重要的就是h1标签的使用了,要注意一点即可:h1标签在一个页面只能使用一次——假定它是这个页面的主标题,是不应该使用多次的(相当于一篇文章的题目,你可以有一个副题目,但你不会使用两个并列的题目吧?

(3)图片标签,<img>标签。要注意两点:

一、长度属性width和高度属性height是必需的,因为浏览器在下载过程中能够计算出图像占据的空间,否则浏览器可能会产生一个页面的跳跃,因为事先并不知道图像要占用多少空间,以致于破坏页面布局。

二、alt属性表示可替代的描述。这是为不能或者不选择图像显示的客户端着想(比如终端浏览器lynx,不能显示图片,但可显示alt中的文本。最坏的情况是,你写错了图片的文件名或者路径,即使在图形浏览器中图片显示不出,但仍可显示出alt中的文本,不会让访问者造成不必要的误解。什么情况下我们都推荐你,一定记得使用alt。——译者注)。在最新版本的HTML版本中,这是不可缺少的属性。

6.DIV+CSS的简单认识

(1)DIV,我们可以把DIV看成一个盒子或者容器,它是用来存放HTML代码(p标签、h标签)以及网站内容的容器。

(2)CSS,层叠样式表。它是用来给HTML代码化妆的,比如我们想要让文章标题是红色,那么有了CSS就可以实现,包括文字大小等等,简单来讲,是用来美化网页的。

总结,HTML网页代码的学习注重操作练习,一个标签至少敲打三遍,这样才能够更加清楚的理解记忆,结合手册和网站实例的参考,能够让你快速的学会HTML代码。

(编辑:SEO学习网)

关键词:代码标签SEO视频代码知识

推荐文章

站长推荐

  • 百度VIP大讲堂移动端网站优化教程汇总

    百度VIP大讲堂移

  • SEO视频:超越竞争对手的网站标题优化

    SEO视频:超越竞争