html 换行符_每个非网站开发人员都应该了解的21个HTML基础知识
1.標(biāo)題
標(biāo)題可能是最容易學(xué)習(xí)的代碼之一，并考慮到 它們對(duì)您的SEO至關(guān)重要，這是一件好事。共有六種不同類(lèi)型，如下所示。要?jiǎng)?chuàng)建標(biāo)題，只需將文本包裝在所選的標(biāo)題標(biāo)簽中：
2.段落
沒(méi)有一段要詳細(xì)說(shuō)明該消息的標(biāo)題會(huì)是什么？要獲得類(lèi)似于您現(xiàn)在正在閱讀的段落，只需將文本包裝在
標(biāo)記中，如下例所示，并且別忘了用 p>標(biāo)記將其關(guān)閉！
嘿，我是一個(gè)段落！ p>
嘿，我是一段！
3.鏈接
如果不將您本已豐富的內(nèi)容鏈接到其他相關(guān)文章和網(wǎng)站文章，則入站營(yíng)銷(xiāo)就算什么。嘗試使用以下代碼在段落中鏈接單詞或短語(yǔ)：
讓我們?cè)L問(wèn)IMPACT的真棒網(wǎng)站！
奇跡般地變成：讓我們?cè)L問(wèn)IMPACT的真棒網(wǎng)站！
代碼語(yǔ)句的href部分指定了您要鏈接訪問(wèn)的目標(biāo)網(wǎng)站地址。
4.圖片
這很有趣。圖像使一切變得更好，它們使您的內(nèi)容對(duì)讀者更具吸引力。插入這樣的圖像：
image標(biāo)簽為空，因?yàn)樗鼉H包含屬性，因此不需要關(guān)閉。上面列出的屬性包括“ class =“ lazy” data-src“或圖像URL。我還包括了圖像替代文本(對(duì)于SEO而言很重要)，以及一些樣式屬性(寬度和高度)。
您可以根據(jù)需要自定義圖像。哦，對(duì)于你們那里所有的小狗愛(ài)好者-像我一樣-這是我上面編碼的實(shí)際圖像：
5.換行
換行符也是一個(gè)空元素，因此不需要將其關(guān)閉。換行符基本上是用
創(chuàng)建的兩行文本之間的有意空格。
在此句子下放置換行符。
在此句子上方放置換行符。 p>
在此句子下放置換行符
在此句子上方放置換行符。
轉(zhuǎn)換完上述HTML后，與使用
標(biāo)記分隔兩個(gè)段落相比，您可以說(shuō)第一行和第二行之間的空間較小。添加換行符有助于使句子位于同一段落的不同行中。
6.大膽而堅(jiān)強(qiáng)
為了使內(nèi)容醒目，有兩個(gè)有效的代碼元素。但是，我的開(kāi)發(fā)人員告訴我的使用量遠(yuǎn)超過(guò)。不要忘記關(guān)閉標(biāo)簽！ strong>
將整個(gè)句子加粗！ strong>
或僅加粗 strong>一個(gè)字！
大膽的整句話(huà)！
或只加粗一個(gè)字！
7.斜體和強(qiáng)調(diào)
斜體和強(qiáng)調(diào)文本與粗體和強(qiáng)文本相似。有兩個(gè)代碼元素，但一個(gè)元素比另一個(gè)元素使用更多。在這種情況下，將起作用，但是更常用。
這句話(huà)很漂亮 em>
這句話(huà)很漂亮。
8.下劃線(xiàn)
粗體，斜體，并加下劃線(xiàn)。這一個(gè)和其他兩個(gè)一樣容易。只需將要加下劃線(xiàn)的文本包裝在標(biāo)記中，例如。
看，我們可以加下劃線(xiàn)！ u>
看，我們可以強(qiáng)調(diào)！
9.有序列表
有序列表和無(wú)序列表之間有區(qū)別。有序列表包含數(shù)字，而無(wú)序列表包含項(xiàng)目符號(hào)。它們都遵循相同的結(jié)構(gòu)，但是一個(gè)字母會(huì)發(fā)生變化。
這是有序列表的代碼語(yǔ)句。
10.無(wú)序列表
從一個(gè)有序列表切換到一個(gè)無(wú)序列表，只需要更改一個(gè)字母即可。
11.上標(biāo)
要在文本中插入上標(biāo)格式，請(qǐng)將要顯示為上標(biāo)的文本包裝在標(biāo)記中。 sup>您將得到類(lèi)似這樣的結(jié)果。
商標(biāo)應(yīng)使用上標(biāo) TM sup>書(shū)寫(xiě)。
商標(biāo)應(yīng)使用上標(biāo)TM書(shū)寫(xiě)。
12.下標(biāo)
如果您知道如何上標(biāo)，那么您應(yīng)該知道如何下標(biāo)。只需使用標(biāo)記 sub>即可獲得這樣的文本。
有時(shí)，引文用下標(biāo)寫(xiě)成。
有時(shí)，引文用下標(biāo)寫(xiě)成。
13.水平線(xiàn)
是否要拆分頁(yè)面或文章的各個(gè)部分？嘗試一條水平線(xiàn)！只需使用空元素(無(wú)需關(guān)閉它)
。
在我和句子2之間插入一條水平線(xiàn)。
嗨，我是句子2。
在我和句子2之間插入一條水平線(xiàn)。
嗨，我的句子是2。
14.標(biāo)記或突出顯示的文本
我敢打賭，您不知道可以通過(guò)HTML代碼突出顯示文本，是嗎？太酷了，太容易了。將要在標(biāo)記 mark>中突出顯示的文本換行，以便獲得酷炫的突出功能。
僅突出顯示最重要的注釋 mark>。
僅突出顯示 最重要的注意事項(xiàng)。
15.刪除(貫穿)文本
如果您想在文本上顯示穿越效果(也許您創(chuàng)建了一個(gè)任務(wù)列表，并希望在執(zhí)行過(guò)程中對(duì)每個(gè)任務(wù)進(jìn)行劃線(xiàn))，則有相應(yīng)的代碼。嘗試使用標(biāo)記刪除完整的句子甚至一個(gè)單詞。 del>
喂狗。 del>寫(xiě)我的博客文章。 del>
做飯。
喂狗。
寫(xiě)我的博客文章。
做晚飯。
16.短期和長(zhǎng)期報(bào)價(jià)
到目前為止，您可能想知道我如何將所有示例都放在文本框中。好吧，驚喜！也有一個(gè)代碼。它實(shí)際上稱(chēng)為塊引用或長(zhǎng)引號(hào)。您可以在下面看到長(zhǎng)引號(hào)和短引號(hào)(普通引號(hào))之間的區(qū)別。
與其余示例一樣，所有這些文本都將以blockquote出現(xiàn)。 blockquote>之所以引用這是因?yàn)槲沂谴舐曊f(shuō)出來(lái)。 q>與其余示例一樣，所有這些文本都將以大括號(hào)顯示。
我引用此內(nèi)容是因?yàn)槲乙舐曊f(shuō)出來(lái)。
17.設(shè)置特定字體
接下來(lái)的幾個(gè)會(huì)變得有些棘手，所以請(qǐng)嘗試和我在一起。現(xiàn)在，您知道如何創(chuàng)建標(biāo)題，段落和樣式化的文本，這對(duì)您知道可以使用元素“字體家族”輕松更改字體很有用。
不要忘記所有小的細(xì)節(jié)，例如等號(hào)，引號(hào)和分號(hào)。查看以下示例。
我想將此標(biāo)題更改為Georgia字體。 h4>
我想將此段落更改為Verdana字體。 p>
我想將此標(biāo)題更改為Georgia字體。
我想將此段落更改為Verdana字體。
18.設(shè)置特定的文本顏色
該代碼使用與上一個(gè)示例相同的代碼類(lèi)型，但是使用“顏色”代替使用字體家族。您可以嘗試使用實(shí)際的顏色(藍(lán)色，紅色，橙色等)，也可以插入十六進(jìn)制顏色以自定義品牌的文字。
今天的天空真的是藍(lán)色。 p>
火是橘紅色的 p>
今天的天空真的很藍(lán)。
火是橘紅色的。
19.設(shè)置特定的文字大小
同樣，此代碼使用相同的基本代碼邏輯，但使用元素“ font-size”。將字體大小設(shè)置為像素或px。
將此段落設(shè)置為36字體。 p>
將此段落設(shè)置為12字體。 p>
使此段落大小為36字體。
使此段落大小為12字體。
20.設(shè)置特定的文本對(duì)齊方式
左，居中，右或?qū)R。您如何看待您的文字？使用“文本對(duì)齊”以任何方式進(jìn)行設(shè)置。
此段落應(yīng)居中。 p>
此段落應(yīng)右對(duì)齊。 p>
本段應(yīng)居中。
本段應(yīng)右對(duì)齊。
21.桌子
我把最好的留在了最后！好吧，我不知道這是否是最好的，但我認(rèn)為這很酷。用于創(chuàng)建表的HTML代碼可能會(huì)變得非常復(fù)雜，但是如果您掌握了基本知識(shí)，那么您應(yīng)該不會(huì)有太大的問(wèn)題。
我將在下面顯示如何創(chuàng)建一個(gè)簡(jiǎn)單表。
為了易于理解，
代表表行，而代表表數(shù)據(jù)。請(qǐng)記住，您可以更改字體，文本大小，文本顏色，文本對(duì)齊方式等。開(kāi)始編碼！
您剛剛閱讀的21個(gè)代碼非常不錯(cuò)，可以開(kāi)始練習(xí)來(lái)增強(qiáng)HTML技能。
總結(jié)
以上是生活随笔為你收集整理的html 换行符_每个非网站开发人员都应该了解的21个HTML基础知识的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 怎样设置共享打印机二台电脑如何共享打印机
- 下一篇： 纯文本邮件转为html,将纯文本电子邮件