用HTML編寫:基本的HTML概念

它比你想像的更容易

一個好的CMS可以很容易地發布文章到您的網站。 但是究竟發布了什麼? 幾段文字。 如果該文本格式不正確,那麼您的可愛文章將在您的網站上顯示為失效。

好消息是:如果你學會用HTML編寫,你的文章看起來會很棒。 有了幾個基本概念,您將很快就能用HTML編寫代碼。

HTML:Web瀏覽器的語言

“HTML”代表“超文本標記語言”。 基本上,這是一種用於標記 文本語言 ,因此它可以做一些花哨的事情,如粗體顯示或鏈接到其他網站。

HTML是您瀏覽器的基本語言。 我們為互聯網使用了許多編程語言(PHP,Perl,Ruby和其他),但它們最終都吐出了HTML。 (好吧,或JavaScript,但讓我們保持簡單。)

您的瀏覽器使用HTML,並將其製作成漂亮的網頁。

學習用HTML編寫,你就會知道你告訴瀏覽器要做什麼。

HTML標記普通文本

HTML是一種標記語言,所以大多數“HTML”只是純文本。 例如,這是非常好的HTML:

你好。 我是HTML。 令人興奮的。 是的。 驚人。

但是等等,你說。 這看起來不像計算機語言! 它看起來像英語!

是。 現在你知道了這個偉大的秘密。 HTML(正確使用時)是可讀的文本。

從你的文字處理器體驗中學習

當然,我們不僅僅需要純文本。 我們想要,例如斜體

您已經知道如何在文字處理程序(如Microsoft Word或免費的LibreOffice)中獲得斜體。 你按下小I按鈕。

您從此鍵入的所有內容都以斜體顯示。 您可以鍵入頁面。 你如何制止這個重點節日? 再次按下I按鈕。 現在你的字體恢復了正常。

如果你回到斜體字的中間並添加一些文本,它也將以斜體顯示。 在“開啟”斜體的起始點和關閉它的終點之間有一段斜體區域

不幸的是,這些端點是不可見的。

看不見的終端可能會導致很多痛苦。 把斜體關掉很容易,然後用光標做一些失誤並發現你仍然用斜體。 你試圖再次關閉它們,但不知怎的,你再次移動,所以關閉它們真的讓它們開啟 ......這是一團糟。

HTML使用標籤"

HTML也使用端點。 區別在於,在HTML中,您可以看到這些端點。 你輸入他們。他們被稱為標籤

假設您想要修改前面的示例。 你想要把“Exciting”這個字改成斜體。 你可以輸入 Exciting 。 喜歡這個:

你好。 我是HTML。 勵磁的。 是的。 驚人。

您可以將其保存在文本編輯器中,然後將HTML複製並粘貼到CMS中的“新文章”框中。 當瀏覽器顯示頁面時,它將如下所示:

你好。 我是HTML。 令人興奮 。 是的。 驚人。

與文字處理器不同,您在輸入時不會看到斜體字。 你輸入標籤。 瀏覽器讀取標籤,使其不可見,並遵循其說明。

看到所有這些標籤可能令人討厭,但正確的文本編輯器使這更容易。

打開和關閉標籤

再看看標籤。 打開斜體,就像您第一次點擊I按鈕。 關閉斜體,就像第二次點擊。

而不是點擊一個按鈕,你正在輸入小標籤。 一個開始標籤以啟動斜體,一個結束標籤來阻止它們。

請注意標籤之間的差異。 結束有一個/,一個斜杠。 HTML中的所有結束標記都將具有該斜線。

不要忘記關閉標籤

關閉標籤相當重要。 如果你忘記了這個結局,怎麼辦?

你好。 我是HTML。 刺激。 是的。 驚人。

這就像你忘了再次點擊來關閉斜體。 你會得到這個:

你好。 我是HTML。 令人興奮的。 是的。 驚人。

一個錯過的標籤可以將您的整篇文章甚至是網頁的其餘部分變成斜體的河流。

這可能是你可以做到的最簡單也是最令人不安的初學者的錯誤。 但很容易修復。 只需在結束標記中彈出即可。

現在學習一些標籤

恭喜! 你了解基本的HTML!

普通文本標記了開始和結束標記。 這是非常多的。

現在去學習一些基本的HTML標籤。 (你可能想先得到一個體面的文本編輯器。)