很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經(jīng)錄用會有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒埪?lián)系：鳥哥筆記小羽毛（ngbjxym）
點擊上方藍字@巴郎刊關(guān)注
這是巴郎刊的第042篇文章
作者|巴郎 編輯|巴郎
來源|巴郎刊（ID:balangk）
轉(zhuǎn)載請聯(lián)系授權(quán)（微信ID：g0013g）
前言
入門SEO時，必須了解與SEO相關(guān)的HTML知識點，這個是非常重要的。當你學習到一定階段，你自然明白學習HTML的重要性在哪里。
今天巴郎SEO錄制的這套HTML基礎(chǔ)入門教程，帶你初步了解下HTML，HTML并不神秘，它非常好玩，祝大家學習愉快。
超文本標記語言(Hyper Text Markup Language,簡寫HTML)是為網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信息設(shè)計的一種標記性質(zhì)的語言。
它并不是編程語言，這一點在很多SEO從業(yè)者乃至很多SEO主管以及一些招聘企業(yè)都會混淆。編程語言從頭到尾始終重視邏輯與功能。HTML則是強調(diào)規(guī)范，這種規(guī)范就相當于我們?nèi)祟惖纳钪械娜蛲ㄓ谜Z言。
一個法國人，一個中國人，相互語言不通，怎么溝通？
對！那就是使用全球通用的官方語言：英語！那么這里的英語你就可以理解為就是HTML。
人類眼睛看到的網(wǎng)頁信息需要呈現(xiàn)在網(wǎng)頁上，但是網(wǎng)頁這個朋友并不認識漢語，法語，英語，日語，西班牙語等等語言。
人類想把自己的想法與網(wǎng)頁進行溝通，希望網(wǎng)頁能呈現(xiàn)人類的想法，這時候怎辦呢？HTML就是為此而生的。
換言之，HTML在這里就充當了全球通用的官方語言：英語！這個角色。于是人類就可以和網(wǎng)頁進行高效溝通了。
HTML被用來結(jié)構(gòu)化信息，如標題段落和列表等，也可用來在一定程度上描述文檔的外觀和語義。如今全球通用，暫時找不到能替代它的后來者。
HTML發(fā)展早期是由蒂姆·伯納斯·李（Tim Berners-Lee，萬維網(wǎng)的發(fā)明者）給出原始定義,是他首先把超文本概念帶入到了計算機網(wǎng)絡應用領(lǐng)域中。
萬維網(wǎng)的發(fā)明者蒂姆·伯納斯·李（Tim Berners-Lee）
他為后續(xù)的HTML的結(jié)構(gòu)完善與發(fā)展指引了方向，并提供了模型思路。因此稱它叫做超文本，這就是超文本的由來。
向這個男人致敬，他原本可以壟斷全球的HTML的技術(shù)專利，絕對可以成為前無古人，可能后無來者人類歷史上的首富。
然而作為一個計算機科學家與學術(shù)性學者，他一生都鐘愛WWW事業(yè)，所以毅然決定免費公開給人類，這種胸襟與氣度絕非常人可比，是當之無愧的WEB之父。
Html由IETF(互聯(lián)網(wǎng)工程任務組，是一個國際互聯(lián)網(wǎng)技術(shù)型機構(gòu)) 用簡化的SGML(標準通用標記語言)語法，進一步進行發(fā)展HTML，后來不斷完善最終成為國際標準，由萬維網(wǎng)聯(lián)盟W3C維護。
自1999年發(fā)布HTML4以來，很多人都認為HTML無無需升級，直到2007年W3C立項HTML5經(jīng)過長達8年的制定工作，2014年10月，這個新規(guī)范終于正式封稿。西方人對人類的技術(shù)貢獻是非常巨大的，不可磨滅，從業(yè)人員應該向這些機構(gòu)以及個人致敬。
與其說構(gòu)成，不如說它的語法，HTML之所叫語言，是因為有很多元素構(gòu)成，這些元素單個分開看，只能叫做標簽，在SEO行業(yè)中，叫做標記，標記的功能就是為了告訴瀏覽器，這是一個HTML文本標記，不是普通的純文本。
以A元素舉例
a元素在HTML語法中叫做A元素，但是SEO行業(yè)里叫它超鏈接標簽,讀法：a標簽
A元素的語法
<a href="http://www.8alang.com" title="巴郎" target="_blank" rel="external nofollow">巴郎a>以上，這串完整的代碼串才能叫做A元素，不能拆分，元素和標記完全是2個概念，學者千萬不能搞錯混淆。
A元素參數(shù)說明
A標簽是雙標記，所以必須這樣：成對出現(xiàn)，否則語法錯誤。
href是Hypertext Reference的縮寫，意思是指定超鏈接目標的URL。
href屬性的值可以是任何有效文檔的相對或絕對URL(在WWW上，信息資源在網(wǎng)上唯一的地址，該地址就叫URL)，包括片段標識符和JavaScript代碼段。
title是標題的意思，把鼠標放到關(guān)鍵詞上，會顯示文字。
target是打開的方式，代表新窗口打開，或者原有窗口打開，或者父窗口下打開。
rel是relation的縮寫，意思是關(guān)聯(lián)性，相關(guān)性，傳輸性。
在SEO行業(yè)中的運用是告訴蜘蛛，此鏈接的相關(guān)性是否要進行追蹤，一般都是用來屏蔽不想傳遞網(wǎng)站權(quán)重的URL，然后給這個URL加上nofollow來處理。交換友情鏈接時，需要經(jīng)常檢查這個地方。
當然黑帽技術(shù)可以隱藏代碼，進行蜘蛛劫持，這里不探討，但你要知道，壞蛋還是有的。
以上是關(guān)于A元素的介紹，與SEO相關(guān)的元素還有很多，但是它們都有規(guī)范，是固定的。這些固定的規(guī)范都有國際標準，照著標準使用就可以了。
因此HTML并不神秘，非常好玩，比起數(shù)理化，史地政要有趣多了，不要一聽到語言與代碼就覺得很難。
HTML是一門非常有趣，具有審美觀念的學科，需要日積月累。HTML中與SEO相關(guān)的元素還有很多，篇幅有限，請讀者自行了解。
上面給大家舉例了A元素，那么HTML中與SEO的交集元素與標簽有哪些呢？
Div元素、Span元素、A元素、P元素、UL元素、img標簽、h標簽、alt標簽、strong標簽、nofollpw標簽等，這些是常用的。
對于上面這些元素與標簽一定要掌握，并且會敲代碼。其實也不難，多練習就可以掌握，關(guān)于每個標簽的用法請讀者自行了解。
知道了，學習了，但不等于會。一定要手動去敲出來。知道與得到之間還差一個做到。
隨著互聯(lián)網(wǎng)的發(fā)展，信息的獲取已經(jīng)非常便利了快捷了。你可以通過B站，網(wǎng)易云課堂，慕課網(wǎng)，或者報培訓班的方式自行提升。
如今是一個知識泛濫的時代，所以找到一套好的系統(tǒng)教程扎扎實實完整的學習下去才是最好的學習方法。不能今天看個零碎，明天看個興趣，這樣你學任何學科都是學不好的。
巴郎給出自己的學習建議：
1.找一套完整的系統(tǒng)的教程
2.每天學習一節(jié)課，記錄一個知識點
3.學完一節(jié)課手動做，太笨就反復練習，學習能力強的也要反復練習，合格標準：練習到閉著眼睛，腦海里有完整框架，直接上手就敲打的地步才算合格，然后進行下一課。
4.多看一些精美的網(wǎng)頁，查看代碼思考它的框架布局，色彩搭配，功能體驗。
5.有一定的基礎(chǔ)以后(能獨立用HTML與CSS寫網(wǎng)頁的能力)，進入一些相關(guān)的WEB前端開發(fā)的圈子，看程序猿們在討論什么，了解實時行業(yè)熱點。
6.把HTML當做玩一樣去學習，在學習中去體驗玩的快樂，這是西方教育的核心，用這樣的心態(tài)去學習，扔掉"中國應試教育"式的學習方法。
7.興趣是最好的老師，堅持下去，日積月累，速成的概念剔除掉，余生很短也很長，值得你去好好玩，祝你玩得開心，學的開心。
巴郎視頻教學
時長：34:03
巴郎實操：13:20-29:27
巴郎提示：覺得理論知識沒用，沒耐心請快進13:20-29:27處開始觀看。
教程代碼
<html><head><meta charset="UTF-8"><title>巴郎的自我介紹title><meta name="keywords" content="巴郎,巴郎簡介" /><meta name="description" content="這是巴郎的自我簡介，歡迎你來到巴郎小站。" />head><body><h1>巴郎自我介紹h1><p>大家好，我是巴郎，歡迎你來來到巴郎小站，這是我的自我介紹. 很高興認識你，相識即是緣分，來了就好好學，關(guān)注公眾號巴郎刊：巴郎刊，學習更多SEO知識。p><h2>SEO學習h2><p>SEO學習，專注SEO領(lǐng)域?qū)W習與探討-巴郎SEO<br />我巴郎，愛好SEO，互聯(lián)網(wǎng)，做片子，寫文章，一個佛系90后中年大叔<br /><img src="bala.jpg" alt="巴郎SEO圖片" /><a href="http://www.8alang.com" rel="external nofollow">巴郎小站a>p>body>html>
思維導圖
@巴郎刊 巴郎帶你實操寫代碼
最后的話
SEO行業(yè)整體被唱衰，100%的功勞要歸功于這個行業(yè)99%的從業(yè)者，因為門檻低，不要求學歷，不要求出身。
導致很多人入門之初就踏上了一條錯誤的SEO之路，都是奔著黑帽以及撈金去的，重復干著飲鴆止渴的事。撈金沒有錯，鼓勵大家去撈金，但是撈金的方法和方式還是有底線的與標準的。
HTML被多數(shù)從業(yè)者認為不重要，與SEO行業(yè)無關(guān)，這是井底之蛙的觀念且迂腐的老思想，千萬要不得。
興趣是最好的老師，學精通了，專業(yè)了，有自我造詣了，財自然而來。你若盛開，蝴蝶自來。今天這篇SEO教程《巴郎帶你入門初級HTML》就給大家分享到這里，下期見！
做一個有趣的人，再見巴郎！
作者：巴郎
首發(fā)：巴郎小站
巴郎小站：http://www.8alang.com/
本文為作者獨立觀點，不代表鳥哥筆記立場，未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權(quán)及免責申明》 如對文章、圖片、字體等版權(quán)有疑問，請點擊 反饋舉報
上一篇
