在[2022]和#8211中免费学习HTML；面向初学者的基本HTML代码
在這篇文章中，基本概念我們的第一個網頁獲取基本內容標簽在這里頁面結構標簽應該讓你開始1所以你不是一個十足的書呆子，你在運行自己的網站。或者你是個十足的書呆子，只是還沒來得及學習HTML。不管怎樣，你已經有了一個網站，它需要一些改變。也許你想改變WordPress主題中的一些文字。也許有人把你變成了一個純HTML網站，你需要更新一些內容，也許換掉一張圖片。好吧，有個好消息：這一切其實非常簡單。你不需要成為程序員之類的。雖然HTML（超文本標記語言）通常被認為是一種“編碼語言”，但它并不是一種非常強大的語言。也就是說，HTML本身不能用于執行理論上可以由計算機完成的所有任務。
加入CSS3和JavaScript，這將成為一篇完全不同的文章。或者書。但我們不涉及這一點，因為你可能只需要用最新交易的圖片更新你的網站。我想讓你更容易，HTML也是。
我將向大家介紹HTML作為一種語言的入門教程，并解釋如何以最簡單的方式構建網頁。在本文結束時，當您查看內容管理系統（CMS）中一個博客模板的代碼時，您將能夠理解所看到的內容。
在我們開始實際操作之前，有一個簡短的提示：“網站管理員”是90年代人們所說的網頁設計師、網頁開發人員和內容經理。列出的三個角色通常由同一個人扮演，而這些人通常都是像我這樣的超級書呆子。
基本概念
HTML字面上是為了告訴你的瀏覽器（如Chrome或Firefox），“以下是你需要在屏幕上顯示的內容。去做吧。”也就是說，HTML定義了你所在網頁的實際內容。它通過標簽來實現這一點，標簽如下：
這是一些文本。
P括號里的那些字母？那些是標簽。“p”標簽專門定義了一個段落或一個文本塊。您還應該注意“結束標記”如何使用“/”字符來區別于“開始標記”并不是每個標簽都是這樣工作的。有些標記是單數的，所以它們自己“打開”和“關閉”，比如：
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”結尾的純文本文件。實際上，你可以在Windows上用記事本設計一個完整的網站，盡管有許多更好的文本編輯器。
回到標簽：標簽可以有“屬性”屬性用于很多事情，例如，使一個段落看起來不同于另一個段落。這通常通過“class=”屬性來實現，比如：
---
這是一個介紹性段落。
這是一個常規段落。
---
現在你必須使用一種完全不同的語言——特別是CSS——來讓“intro text”類的段落看起來不同，但這是另一天的指南。此外，還有大量屬性，并非每個屬性都可以與每個標記一起使用。再說一遍，我不會給你一個完整的清單。
作為一種語言，您的第一個網頁實際上在過去幾年中經歷了多次修改。目前，HTML的標準版本被稱為HTML5，盡管你很難將其稱為第五次迭代。這是一種命名慣例，它產生于方便和品牌，而非精確性。
HTML5源于沮喪和書呆子的憤怒，旨在極大地簡化手工編寫HTML的體驗，并使代碼更易于人類和計算機閱讀。具體來說，它旨在提供更多關于頁面內容的上下文。
一個非常基本的、基本的HTML5頁面應該是這樣的：
---
---
開頭的“DOCTYPE”行告訴瀏覽器它正在查看HTML5網頁。“html”標簽用于告訴瀏覽器頁面的開始和結束位置。剩下的，我們馬上就到。
如果你在網絡瀏覽器中打開該頁面，就會看到一個完全空白的窗口。你會看到“這是我很棒的網頁”在瀏覽器選項卡中，但僅此而已。“title”標簽就是這樣做的。你可能已經注意到了兩組標簽，分別是“頭”和“身體”讓我們看看這些：
你的肩膀上有一個很好的頭部
網頁的“頭部”部分是你把所有關于網頁本身的信息放在那里，而不是放在你把內容放在哪里。用戶真正應該看到的頭部的唯一部分是標題，而不是頁面本身，而是瀏覽器的用戶界面。
讓我們看另一個例子：
---
---
正如你所看到的，這個例子不僅僅是一個標題。它有一個“鏈接”標簽，用來告訴瀏覽器，“嘿，也加載這個文件”，并在兩個文件之間建立關系。在本例中，它加載了一個CSS文件，該文件可用于定義用戶對HTML的外觀，包括排版和頁面布局。
It還有兩個“meta”標簽，用于存儲搜索引擎等應用程序使用的網頁信息。我有一個頁面的基本描述，當這個頁面出現在搜索引擎網站的結果中時，它會顯示在搜索引擎網站上。第二個元標記定義了搜索引擎用于分類的關鍵字。
查看Body標簽
“Body”標簽是用戶加載頁面時實際看到的所有內容的位置。它可能是這樣的：
---
……
大象很多
這里有一些關于大象的文字！
---
是的，“header”與“head”非常不同我們稍后再談。
在這里獲取您的基本內容標簽
因此這可能是對您讀者來說最重要的部分。在這里，您將學習如何在不破壞內容的情況下更改內容。現在，我們已經討論了“p”標記的作用，所以我將跳過它。讓我們繼續討論你的其他基本內容和格式選項：
通過標題和副標題使你的網站更容易閱讀
標題是將較小文本的段落分隔開的大文本，因此你可以更輕松地瀏覽文章。有六個標簽可以用來定義標題和副標題：
---
這是一個一級標題
這是一個二級標題
這是一個三級標題
這是一個四級標題
這是一個五級標題
這是一個六級標題標題
---
應該注意的是，“h1”標記是最大、最高級別的標題，“h6”標記是最小、最低級別的標題。“h1”標簽通常用于頁面標題和網站徽標。down上的“h2”標簽通常用于分隔頁面或帖子中的內容。
鏈接到……所有內容，使用“a”標簽
好的，現在是討論超鏈接的時候了，也就是所謂的“鏈接”。我們鏈接到我們網站上的其他頁面、同一頁面中的其他內容，以及帶有錨定標簽或“a”標簽的其他網站。要將一些文本轉換為鏈接，可以將其包裝在錨定標記中，并使用“href=”屬性設置鏈接的URL。
為感興趣的人提供一些快速上下文：URL代表統一資源定位器，在正常語言中，這意味著“網址”URL由三部分組成：協議：基本上，它告訴計算機它將接收或發送什么樣的信息。網頁的協議有“HTTP”（超文本傳輸協議）和HTTPS（HTTP的加密版本）。
A web URL將以“https://”開頭，盡管許多瀏覽器并不總是顯示這一部分。
域名或IP地址：對于大多數人來說，這將顯示為網站的名稱，如“谷歌”有時，地址開頭包含前綴“www”，但這已經過時了。你基本上不需要再包含它了。
頂級域（TLD）：示例包括“.com”、““.org”和“.net”，盡管現在全球有數百個頂級域可用。總之，你得到的東西看起來像“https://www.google.com.同樣，通常不再需要輸入“www”。
當您鏈接到HTM中的其他網站時
總結
以上是生活随笔為你收集整理的在[2022]和#8211中免费学习HTML；面向初学者的基本HTML代码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 无监督学习的魅力
- 下一篇： 怎么用自己的域名作站（有了域名后怎么建站