1.標題

2.段落

沒有一段要詳細說明該消息的標題會是什么？要獲得類似于您現在正在閱讀的段落，只需將文本包裝在<p>標記中，如下例所示，并且別忘了用</ p>標記將其關閉！

<p>嘿，我是一個段落！</ p>

嘿，我是一段！

3.鏈接

如果不將您本已豐富的內容鏈接到其他相關文章和網站文章，則入站營銷就算什么。嘗試使用以下<a>代碼在段落中鏈接單詞或短語：

<a href="http://m.newbst.com/">讓我們訪問成都創新的真棒網站！</a>

奇跡般地變成：讓我們訪問成都創新的真棒網站！

代碼語句的href部分指定了您要鏈接訪問的目標網站地址。

4.圖片

這很有趣。圖像使一切變得更好，它們使您的內容對讀者更具吸引力。插入這樣的圖像：

<img class =“ lazy” data-src =“ src="/upload/pic19/Cute-Puppy.jpg” alt =“ Cute-Puppy” style =“ width：500px; height：333px; “>

image標簽為空，因為它僅包含屬性，因此不需要關閉。上面列出的屬性包括“ class =“ lazy” data-src“或圖像URL。我還包括了圖像替代文本（對于SEO而言很重要），以及一些樣式屬性（寬度和高度）。

5.換行

換行符也是一個空元素，因此不需要將其關閉。換行符基本上是用<br>創建的兩行文本之間的有意空格。

<p>在此句子下放置換行符。
<br>

在此句子上方放置換行符。</ p>

在此句子下放置換行符

在此句子上方放置換行符。

轉換完上述HTML后，與使用<p>標記分隔兩個段落相比，您可以說*行和第二行之間的空間較小。添加換行符有助于使句子位于同一段落的不同行中。

6.大膽而堅強

為了使內容醒目，有兩個有效的代碼元素。但是，我的開發人員告訴我<strong>的使用量遠超過<b>。不要忘記關閉<strong>標簽！</ strong>

<strong>將整個句子加粗！</ strong>

或僅<strong>加粗</ strong>一個字！

大膽的整句話！或只加粗

一個字！

7.斜體和強調

斜體和強調文本與粗體和強文本相似。有兩個代碼元素，但一個元素比另一個元素使用更多。在這種情況下，<i>將起作用，但是<em>更常用。

<em>這句話很漂亮</ em>

這句話很漂亮。

8.下劃線

粗體，斜體，并加下劃線。這一個和其他兩個一樣容易。只需將要加下劃線的文本包裝在<u>標記中，例如。

<u>看，我們可以加下劃線！</ u>

看，我們可以強調！

9.有序列表

有序列表和無序列表之間有區別。有序列表包含數字，而無序列表包含項目符號。它們都遵循相同的結構，但是一個字母會發生變化。

10.無序列表

11.上標

要在文本中插入上標格式，請將要顯示為上標的文本包裝在<sup>標記中。</ sup>您將得到類似這樣的結果。

商標應使用上標<sup> TM </ sup>書寫。

商標應使用上標TM書寫。

12.下標

如果您知道如何上標，那么您應該知道如何下標。只需使用<sub>標記</ sub>即可獲得這樣的文本。

有時，引文用下標寫成。

有時，引文用下標寫成。

13.水平線

是否要拆分頁面或文章的各個部分？嘗試一條水平線！只需使用空元素（無需關閉它）<hr>。

在我和句子2之間插入一條水平線。
<hr>

嗨，我是句子2。

在我和句子2之間插入一條水平線。

嗨，我的句子是2。

14.標記或突出顯示的文本

我敢打賭，您不知道可以通過HTML代碼突出顯示文本，是嗎？太酷了，太容易了。將要在<mark>標記</ mark>中突出顯示的文本換行，以便獲得酷炫的突出功能。

僅突出顯示<mark>最重要的注釋</ mark>。

僅突出顯示最重要的注意事項。

15.刪除（貫穿）文本

如果您想在文本上顯示穿越效果（也許您創建了一個任務列表，并希望在執行過程中對每個任務進行劃線），則有相應的代碼。嘗試使用<del>標記刪除完整的句子甚至一個單詞。</ del>

<del>喂狗。</ del>
<del>寫我的博客文章。</ del>

做飯。

喂狗。
寫我的博客文章。

做晚飯。

16.短期和長期報價

到目前為止，您可能想知道我如何將所有示例都放在文本框中。好吧，驚喜！也有一個代碼。它實際上稱為塊引用或長引號。您可以在下面看到長引號和短引號（普通引號）之間的區別。

<blockquote>與其余示例一樣，所有這些文本都將以blockquote出現。</ blockquote>

<q>之所以引用這是因為我是大聲說出來。</ q>

與其余示例一樣，所有這些文本都將以大括號顯示。

我引用此內容是因為我要大聲說出來。

17.設置特定字體

接下來的幾個會變得有些棘手，所以請嘗試和我在一起。現在，您知道如何創建標題，段落和樣式化的文本，這對您知道可以使用元素“字體家族”輕松更改字體很有用。

不要忘記所有小的細節，例如等號，引號和分號。查看以下示例。

<h4 style =“ font-family：Georgia;”>我想將此標題更改為Georgia字體。</ h4>

<p style =“ font-family：Verdana;”>我想將此段落更改為Verdana字體。</ p>

我想將此標題更改為Georgia字體。

我想將此段落更改為Verdana字體。

18.設置特定的文本顏色

該代碼使用與上一個示例相同的代碼類型，但是使用“顏色”代替使用字體家族。您可以嘗試使用實際的顏色（藍色，紅色，橙色等），也可以插入十六進制顏色以自定義品牌的文字。

<p style =“ color：blue;”>今天的天空真的是藍色。<
/ p><p style =“ color：＃ff471a;”>火是橘紅色的

</ p>

今天的天空真的很藍。

火是橘紅色的

。

19.設置特定的文字大小

同樣，此代碼使用相同的基本代碼邏輯，但使用元素“ font-size”。將字體大小設置為像素或px。

<p style =“ font-size：36px;”>將此段落設置為36字體。</ p>

<p style =“ font-size：12px;”>將此段落設置為12字體。</ p>

使此段落大小為36字體。

使此段落大小為12字體。

20.設置特定的文本對齊方式

左，居中，右或對齊。您如何看待您的文字？使用“文本對齊”以任何方式進行設置。

<p style =“ text = align：center;”>此段落應居中。</ p>

<p style =“ text-align：right;”>此段落應右對齊。</ p>

本段應居中。

本段應右對齊。

21.桌子

我把好的留在了*！好吧，我不知道這是否是好的，但我認為這很酷。用于創建表的HTML代碼可能會變得非常復雜，但是如果您掌握了基本知識，那么您應該不會有太大的問題。

我將在下面顯示如何創建一個簡單表。

開始編碼！

您剛剛閱讀的21個代碼非常不錯，可以開始練習來增強HTML技能。

本文題目：非網站開發人員都應該了解的21個HTML基礎知識
URL鏈接：http://m.newbst.com/news2/205352.html

成都網站建設公司_創新互聯，為您提供建站公司、網站建設、響應式網站、軟件開發、定制網站、網站導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯