在[2022]和#8211中免费学习HTML；面向初学者的基本HTML代码
在這篇文章中，基本概念我們的第一個網(wǎng)頁獲取基本內(nèi)容標(biāo)簽在這里頁面結(jié)構(gòu)標(biāo)簽應(yīng)該讓你開始1所以你不是一個十足的書呆子，你在運行自己的網(wǎng)站。或者你是個十足的書呆子，只是還沒來得及學(xué)習(xí)HTML。不管怎樣，你已經(jīng)有了一個網(wǎng)站，它需要一些改變。也許你想改變WordPress主題中的一些文字。也許有人把你變成了一個純HTML網(wǎng)站，你需要更新一些內(nèi)容，也許換掉一張圖片。好吧，有個好消息：這一切其實非常簡單。你不需要成為程序員之類的。雖然HTML（超文本標(biāo)記語言）通常被認(rèn)為是一種“編碼語言”，但它并不是一種非常強(qiáng)大的語言。也就是說，HTML本身不能用于執(zhí)行理論上可以由計算機(jī)完成的所有任務(wù)。
加入CSS3和JavaScript，這將成為一篇完全不同的文章。或者書。但我們不涉及這一點，因為你可能只需要用最新交易的圖片更新你的網(wǎng)站。我想讓你更容易，HTML也是。
我將向大家介紹HTML作為一種語言的入門教程，并解釋如何以最簡單的方式構(gòu)建網(wǎng)頁。在本文結(jié)束時，當(dāng)您查看內(nèi)容管理系統(tǒng)（CMS）中一個博客模板的代碼時，您將能夠理解所看到的內(nèi)容。
在我們開始實際操作之前，有一個簡短的提示：“網(wǎng)站管理員”是90年代人們所說的網(wǎng)頁設(shè)計師、網(wǎng)頁開發(fā)人員和內(nèi)容經(jīng)理。列出的三個角色通常由同一個人扮演，而這些人通常都是像我這樣的超級書呆子。
基本概念
HTML字面上是為了告訴你的瀏覽器（如Chrome或Firefox），“以下是你需要在屏幕上顯示的內(nèi)容。去做吧。”也就是說，HTML定義了你所在網(wǎng)頁的實際內(nèi)容。它通過標(biāo)簽來實現(xiàn)這一點，標(biāo)簽如下：
這是一些文本。
P括號里的那些字母？那些是標(biāo)簽。“p”標(biāo)簽專門定義了一個段落或一個文本塊。您還應(yīng)該注意“結(jié)束標(biāo)記”如何使用“/”字符來區(qū)別于“開始標(biāo)記”并不是每個標(biāo)簽都是這樣工作的。有些標(biāo)記是單數(shù)的，所以它們自己“打開”和“關(guān)閉”，比如：
I’ll get to that one later. Anyway, there are, well… loads of tags, and I won’t be getting into all of them. I have neither the time nor the space, and unless you plan to become a web designer, you don’t need to know them all. But the “p” tag (also known as the paragraph tag) is kind of essential.
----
A Turing machine is a mathematical model of computation that defines an abstract machine, which manipulates symbols on a strip of tape according to a table of rules. Despite the model's simplicity, given any computer algorithm, a Turing machine capable of simulating that algorithm's logic can be constructed.
----
<img src="http://img.bufeishi.cn/article/202205/Learn-HTML-Free-Basic-HTML-Codes-for-Beginners-image1.jpg" width="945" height="201" alt="HTML cheat sheet -
<img data-src="http://img.bufeishi.cn/article/202205/Learn-HTML-Free-Basic-HTML-Codes-for-Beginners-image1.jpg" width="945" height="201" alt="HTML cheat sheet -
而且，在最基本的形式中，HTML文件只是一個以“.HTML”結(jié)尾的純文本文件。實際上，你可以在Windows上用記事本設(shè)計一個完整的網(wǎng)站，盡管有許多更好的文本編輯器。
回到標(biāo)簽：標(biāo)簽可以有“屬性”屬性用于很多事情，例如，使一個段落看起來不同于另一個段落。這通常通過“class=”屬性來實現(xiàn)，比如：
---
這是一個介紹性段落。
這是一個常規(guī)段落。
---
現(xiàn)在你必須使用一種完全不同的語言——特別是CSS——來讓“intro text”類的段落看起來不同，但這是另一天的指南。此外，還有大量屬性，并非每個屬性都可以與每個標(biāo)記一起使用。再說一遍，我不會給你一個完整的清單。
作為一種語言，您的第一個網(wǎng)頁實際上在過去幾年中經(jīng)歷了多次修改。目前，HTML的標(biāo)準(zhǔn)版本被稱為HTML5，盡管你很難將其稱為第五次迭代。這是一種命名慣例，它產(chǎn)生于方便和品牌，而非精確性。
HTML5源于沮喪和書呆子的憤怒，旨在極大地簡化手工編寫HTML的體驗，并使代碼更易于人類和計算機(jī)閱讀。具體來說，它旨在提供更多關(guān)于頁面內(nèi)容的上下文。
一個非常基本的、基本的HTML5頁面應(yīng)該是這樣的：
---
---
開頭的“DOCTYPE”行告訴瀏覽器它正在查看HTML5網(wǎng)頁。“html”標(biāo)簽用于告訴瀏覽器頁面的開始和結(jié)束位置。剩下的，我們馬上就到。
如果你在網(wǎng)絡(luò)瀏覽器中打開該頁面，就會看到一個完全空白的窗口。你會看到“這是我很棒的網(wǎng)頁”在瀏覽器選項卡中，但僅此而已。“title”標(biāo)簽就是這樣做的。你可能已經(jīng)注意到了兩組標(biāo)簽，分別是“頭”和“身體”讓我們看看這些：
你的肩膀上有一個很好的頭部
網(wǎng)頁的“頭部”部分是你把所有關(guān)于網(wǎng)頁本身的信息放在那里，而不是放在你把內(nèi)容放在哪里。用戶真正應(yīng)該看到的頭部的唯一部分是標(biāo)題，而不是頁面本身，而是瀏覽器的用戶界面。
讓我們看另一個例子：
---
---
正如你所看到的，這個例子不僅僅是一個標(biāo)題。它有一個“鏈接”標(biāo)簽，用來告訴瀏覽器，“嘿，也加載這個文件”，并在兩個文件之間建立關(guān)系。在本例中，它加載了一個CSS文件，該文件可用于定義用戶對HTML的外觀，包括排版和頁面布局。
It還有兩個“meta”標(biāo)簽，用于存儲搜索引擎等應(yīng)用程序使用的網(wǎng)頁信息。我有一個頁面的基本描述，當(dāng)這個頁面出現(xiàn)在搜索引擎網(wǎng)站的結(jié)果中時，它會顯示在搜索引擎網(wǎng)站上。第二個元標(biāo)記定義了搜索引擎用于分類的關(guān)鍵字。
查看Body標(biāo)簽
“Body”標(biāo)簽是用戶加載頁面時實際看到的所有內(nèi)容的位置。它可能是這樣的：
---
……
大象很多
這里有一些關(guān)于大象的文字！
---
是的，“header”與“head”非常不同我們稍后再談。
在這里獲取您的基本內(nèi)容標(biāo)簽
因此這可能是對您讀者來說最重要的部分。在這里，您將學(xué)習(xí)如何在不破壞內(nèi)容的情況下更改內(nèi)容。現(xiàn)在，我們已經(jīng)討論了“p”標(biāo)記的作用，所以我將跳過它。讓我們繼續(xù)討論你的其他基本內(nèi)容和格式選項：
通過標(biāo)題和副標(biāo)題使你的網(wǎng)站更容易閱讀
標(biāo)題是將較小文本的段落分隔開的大文本，因此你可以更輕松地瀏覽文章。有六個標(biāo)簽可以用來定義標(biāo)題和副標(biāo)題：
---
這是一個一級標(biāo)題
這是一個二級標(biāo)題
這是一個三級標(biāo)題
這是一個四級標(biāo)題
這是一個五級標(biāo)題
這是一個六級標(biāo)題標(biāo)題
---
應(yīng)該注意的是，“h1”標(biāo)記是最大、最高級別的標(biāo)題，“h6”標(biāo)記是最小、最低級別的標(biāo)題。“h1”標(biāo)簽通常用于頁面標(biāo)題和網(wǎng)站徽標(biāo)。down上的“h2”標(biāo)簽通常用于分隔頁面或帖子中的內(nèi)容。
鏈接到……所有內(nèi)容，使用“a”標(biāo)簽
好的，現(xiàn)在是討論超鏈接的時候了，也就是所謂的“鏈接”。我們鏈接到我們網(wǎng)站上的其他頁面、同一頁面中的其他內(nèi)容，以及帶有錨定標(biāo)簽或“a”標(biāo)簽的其他網(wǎng)站。要將一些文本轉(zhuǎn)換為鏈接，可以將其包裝在錨定標(biāo)記中，并使用“href=”屬性設(shè)置鏈接的URL。
為感興趣的人提供一些快速上下文：URL代表統(tǒng)一資源定位器，在正常語言中，這意味著“網(wǎng)址”URL由三部分組成：協(xié)議：基本上，它告訴計算機(jī)它將接收或發(fā)送什么樣的信息。網(wǎng)頁的協(xié)議有“HTTP”（超文本傳輸協(xié)議）和HTTPS（HTTP的加密版本）。
A web URL將以“https://”開頭，盡管許多瀏覽器并不總是顯示這一部分。
域名或IP地址：對于大多數(shù)人來說，這將顯示為網(wǎng)站的名稱，如“谷歌”有時，地址開頭包含前綴“www”，但這已經(jīng)過時了。你基本上不需要再包含它了。
頂級域（TLD）：示例包括“.com”、““.org”和“.net”，盡管現(xiàn)在全球有數(shù)百個頂級域可用。總之，你得到的東西看起來像“https://www.google.com.同樣，通常不再需要輸入“www”。
當(dāng)您鏈接到HTM中的其他網(wǎng)站時
總結(jié)
以上是生活随笔為你收集整理的在[2022]和#8211中免费学习HTML；面向初学者的基本HTML代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
