SEO教程:巴郎带你入门初级HTML(附视频)

点击上方蓝字@巴郎刊关注

这是程巴初级巴郎刊的第042篇文章

作者|巴郎 编辑|巴郎

来源|巴郎刊（ID:balangk）

转载请联系授权（微信ID：g0013g）

前言

入门SEO时，必须了解与SEO相关的郎带HTML知识点，这个是入门非常重要的。当你学习到一定阶段，附视你自然明白学习HTML的程巴初级重要性在哪里。

今天巴郎SEO录制的郎带这套HTML基础入门教程，带你初步了解下HTML，入门HTML并不神秘，附视它非常好玩，程巴初级祝大家学习愉快。郎带

文章目录(共2869字)01.HTML的入门发展02.HTML的构成03.HTML与SEO的交集04.如何学好HTML最后的话

01HTML的发展

超文本标记语言(Hyper Text Markup Language,简写HTML)是为网页创建和其它可在网页浏览器中看到的信息设计的一种标记性质的语言。

它并不是附视编程语言，这一点在很多SEO从业者乃至很多SEO主管以及一些招聘企业都会混淆。程巴初级编程语言从头到尾始终重视逻辑与功能。郎带HTML则是入门强调规范，这种规范就相当于我们人类的生活中的全球通用语言。

一个法国人，一个中国人，相互语言不通，怎么沟通？

对！那就是使用全球通用的官方语言：英语！那么这里的英语你就可以理解为就是HTML。

人类眼睛看到的网页信息需要呈现在网页上，但是网页这个朋友并不认识汉语，法语，英语，日语，西班牙语等等语言。

人类想把自己的想法与网页进行沟通，希望网页能呈现人类的想法，这时候怎办呢？HTML就是为此而生的。

换言之，HTML在这里就充当了全球通用的官方语言：英语！这个角色。于是人类就可以和网页进行高效沟通了。

HTML被用来结构化信息，如标题段落和列表等，也可用来在一定程度上描述文档的外观和语义。如今全球通用，暂时找不到能替代它的后来者。

HTML发展早期是由蒂姆·伯纳斯·李（Tim Berners-Lee，万维网的发明者）给出原始定义,是他首先把超文本概念带入到了计算机网络应用领域中。

万维网的发明者蒂姆·伯纳斯·李（Tim Berners-Lee）

他为后续的HTML的结构完善与发展指引了方向，并提供了模型思路。因此称它叫做超文本，这就是超文本的由来。

向这个男人致敬，他原本可以垄断全球的HTML的技术专利，绝对可以成为前无古人，可能后无来者人类历史上的首富。

然而作为一个计算机科学家与学术性学者，他一生都钟爱WWW事业，所以毅然决定免费公开给人类，这种胸襟与气度绝非常人可比，是当之无愧的WEB之父。

Html由IETF(互联网工程任务组，是一个国际互联网技术型机构) 用简化的SGML(标准通用标记语言)语法，进一步进行发展HTML，后来不断完善最终成为国际标准，由万维网联盟W3C维护。

自1999年发布HTML4以来，很多人都认为HTML无无需升级，直到2007年W3C立项HTML5经过长达8年的制定工作，2014年10月，这个新规范终于正式封稿。西方人对人类的技术贡献是非常巨大的，不可磨灭，从业人员应该向这些机构以及个人致敬。

02HTML的构成

与其说构成，不如说它的语法，HTML之所叫语言，是因为有很多元素构成，这些元素单个分开看，只能叫做标签，在SEO行业中，叫做标记，标记的功能就是为了告诉浏览器，这是一个HTML文本标记，不是普通的纯文本。

以A元素举例

a元素在HTML语法中叫做A元素，但是SEO行业里叫它超链接标签,读法：a标签

A元素的语法

巴郎

以上，这串完整的代码串才能叫做A元素，不能拆分，元素和标记完全是2个概念，学者千万不能搞错混淆。

A元素参数说明

A标签是双标记，所以必须这样：成对出现，否则语法错误。

href是Hypertext Reference的缩写，意思是指定超链接目标的URL。

href属性的值可以是任何有效文档的相对或绝对URL(在WWW上，信息资源在网上唯一的地址，该地址就叫URL)，包括片段标识符和JavaScript代码段。

title是标题的意思，把鼠标放到关键词上，会显示文字。

target是打开的方式，代表新窗口打开，或者原有窗口打开，或者父窗口下打开。

rel是relation的缩写，意思是关联性，相关性，传输性。

在SEO行业中的运用是告诉蜘蛛，此链接的相关性是否要进行追踪，一般都是用来屏蔽不想传递网站权重的URL，然后给这个URL加上nofollow来处理。交换友情链接时，需要经常检查这个地方。

当然黑帽技术可以隐藏代码，进行蜘蛛劫持，这里不探讨，但你要知道，坏蛋还是有的。

以上是关于A元素的介绍，与SEO相关的元素还有很多，但是它们都有规范，是固定的。这些固定的规范都有国际标准，照着标准使用就可以了。

因此HTML并不神秘，非常好玩，比起数理化，史地政要有趣多了，不要一听到语言与代码就觉得很难。

HTML是一门非常有趣，具有审美观念的学科，需要日积月累。HTML中与SEO相关的元素还有很多，篇幅有限，请读者自行了解。

03HTML与SEO的交集

上面给大家举例了A元素，那么HTML中与SEO的交集元素与标签有哪些呢？

Div元素、Span元素、A元素、P元素、UL元素、img标签、h标签、alt标签、strong标签、nofollpw标签等，这些是常用的。

对于上面这些元素与标签一定要掌握，并且会敲代码。其实也不难，多练习就可以掌握，关于每个标签的用法请读者自行了解。

04如何学好HTML

知道了，学习了，但不等于会。一定要手动去敲出来。知道与得到之间还差一个做到。

随着互联网的发展，信息的获取已经非常便利了快捷了。你可以通过B站，网易云课堂，慕课网，或者报培训班的方式自行提升。

如今是一个知识泛滥的时代，所以找到一套好的系统教程扎扎实实完整的学习下去才是最好的学习方法。不能今天看个零碎，明天看个兴趣，这样你学任何学科都是学不好的。

巴郎给出自己的学习建议：

1.找一套完整的系统的教程

2.每天学习一节课，记录一个知识点

3.学完一节课手动做，太笨就反复练习，学习能力强的也要反复练习，合格标准：练习到闭着眼睛，脑海里有完整框架，直接上手就敲打的地步才算合格，然后进行下一课。

4.多看一些精美的网页，查看代码思考它的框架布局，色彩搭配，功能体验。

5.有一定的基础以后(能独立用HTML与CSS写网页的能力)，进入一些相关的WEB前端开发的圈子，看程序猿们在讨论什么，了解实时行业热点。

6.把HTML当做玩一样去学习，在学习中去体验玩的快乐，这是西方教育的核心，用这样的心态去学习，扔掉"中国应试教育"式的学习方法。

7.兴趣是最好的老师，坚持下去，日积月累，速成的概念剔除掉，余生很短也很长，值得你去好好玩，祝你玩得开心，学的开心。

巴郎视频教学

时长：34:03

巴郎实操：13:20-29:27

巴郎提示：觉得理论知识没用，没耐心请快进13:20-29:27处开始观看。

教程代码

巴郎的自我介绍 巴郎自我介绍

大家好，我是巴郎，欢迎你来来到巴郎小站，这是我的自我介绍. 很高兴认识你，相识即是缘分，来了就好好学，关注公众号巴郎刊：巴郎刊，学习更多SEO知识。

SEO学习

SEO学习，专注SEO领域学习与探讨-巴郎SEO 我巴郎，爱好SEO，互联网，做片子，写文章，一个佛系90后中年大叔 巴郎小站

思维导图

@巴郎刊 巴郎带你实操写代码

最后的话

SEO行业整体被唱衰，100%的功劳要归功于这个行业99%的从业者，因为门槛低，不要求学历，不要求出身。

导致很多人入门之初就踏上了一条错误的SEO之路，都是奔着黑帽以及捞金去的，重复干着饮鸩止渴的事。捞金没有错，鼓励大家去捞金，但是捞金的方法和方式还是有底线的与标准的。

HTML被多数从业者认为不重要，与SEO行业无关，这是井底之蛙的观念且迂腐的老思想，千万要不得。

兴趣是最好的老师，学精通了，专业了，有自我造诣了，财自然而来。你若盛开，蝴蝶自来。今天这篇SEO教程《巴郎带你入门初级HTML》就给大家分享到这里，下期见！

做一个有趣的人，再见巴郎！

作者：巴郎

首发：巴郎小站

巴郎小站：http://www.8alang.com/

END作者简介巴郎:一个有趣的90后小哥哥，做过传统销售，后结缘SEO入行互联网，现自由职业佛系青年。喜欢就点个“在看”，转给朋友们欢迎你“关注”长按下图识别二维码关注做一个有趣的人