您现在的位置是：首页 > 巴郎SEO > SEO教程SEO教程

SEO教程:巴郎SEO带你入门初级HTML

巴郎2020-07-29【SEO教程】人已围观

简介今天巴郎SEO录制的这套SEO教程是关于HTML的基础入门，带你初步了解下HTML，HTML并不神秘，它非常好玩，接下来我们愉快的学习这套SEO教程-SEO教程

01
HTML的发展

大家好，我是巴郎，今天给大家带来一套SEO教程，这套教程是有关HTML的教程理论知识与实战并重，接下来巴郎带你一起来慢慢学习。

超文本标记语言(Hyper Text Markup Language,简写HTML)是为网页创建和其它可在网页浏览器中看到的信息设计的一种标记性质的语言，它并不是编程语言，这一点在很多SEO从业者乃至很多SEO主管以及一些招聘企业都会混淆。编程语言从头到尾始终重视逻辑与功能。HTML则是强调规范，这种规范就相当于我们人类的生活中的全球通用语言。

比如你是法国人，我是中国人，我们之间语言不通，那么怎么沟通呢。对！那就是使用全球通用的官方语言：英语！那么这里的英语你就可以理解为就是HTML.

我们人类眼睛看到的网页信息需要呈现在网页上，但是网页这个朋友并不认识汉语，法语，英语，日语，西班牙语等等语言。可是我们人类想把自己的想法与网页进行沟通，希望网页能呈现我们的想法，这时候怎办呢？HTML就这样诞生了。换言之，HTML在这里就充当了全球通用的官方语言：英语！这个角色。于是，我们人类就可以和网页进行高效沟通了。

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

HTML发展早期是由蒂姆·伯纳斯·李（Tim Berners-Lee，万维网的发明者）给出原始定义,是他首先把超文本概念带入到了计算机网络应用领域中。他为后续的HTML的结构完善与发展指引了方向，并提供了模型思路。因此称它叫做超文本，这就是超文本的由来。像这个男人致敬，他原本可以垄断全球的HTML的技术专利，绝对可以成为前无古人，可能后无来者的人类历史上的首富，然而作为一个计算机科学家与学术性学者，他一生都钟爱WWW事业，所以依然决定免费公开给人类，这种胸襟与气度绝非常人可比，是当之无愧的WEB之父。

一个伟大且胸襟宽广的男人：蒂姆·伯纳斯·李（Tim Berners-Lee）

Html由IETF(互联网工程任务组，是一个国际互联网技术型机构) 用简化的SGML(标准通用标记语言)语法，进一步进行发展HTML，后来不断完善最终成为国际标准，由万维网联盟W3C维护，自1999年发布HTML4以来，很多人都认为HTML无无需升级，直到2007年W3C立项HTML5经过长达8年的制定工作，2014年10月，这个新规范终于正式封稿。在此西方人对人类的技术贡献是非常巨大的，不可磨灭，从业人员应该向这些机构以及个人致敬。

02
HTML的构成

与其说构成，不如说它的语法，HTML之所叫语言，是因为有很多元素构成，这些元素单个分开看，只能叫做标签，在SEO行业中，叫做标记，标记的功能就是为了告诉浏览器，这是一个HTML文本标记，不是普通的纯文本。
以A元素举例：
a元素HTML语法中叫做a元素，但是SEO行业里叫它超链接标签<a>,读法：A标签

A元素的语法
<a href="http://www.8alang.com" title="巴郎" target="_blank" rel="external nofollow">巴郎</a>
以上，这串完整的代码串才能叫做A元素，不能拆分，元素和标记完全是2个概念，学者千万不能搞错混淆。

A元素参数说明
A标签是双标记，所以必须这样：<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相关的元素还有很多，篇幅有限，请读者自行了解。

03
HTML与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行业整体被唱衰，1000%的功劳要归功于这个行业99%的从业者，因为门槛低，不要求学历，不要求出身，导致很多人入门之初就走上了一条错误的SEO之路，都是奔着黑帽以及捞金去的，重复干着饮鸩止渴的事。捞金没有错，鼓励大家去捞金，但是捞金的方法和方式还是有底线的与标准的。

HTML被多数从业者认为不重要，与SEO行业无关，这是井底之蛙的观念且迂腐的老思想，千万要不得。兴趣是最好的老师，学精通了，专业了，有自我造诣了，财自然而来。你若盛开，蝴蝶自来。今天这篇《SEO教程:巴郎SEO带你入门初级HTML》巴郎就给大家分享到这里，下期见！

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

作者：巴郎
公众号：巴郎刊

Tags：SEO教程

很赞哦！ ()

上一篇：巴郎SEO教程:影响网站打开速度的4个因素

下一篇：SEO教程:巴郎详解HTML与SEO交集之title标签的秘密