你晚上睡不著覺,想知道如何讓更多人找到你的網(wǎng)站。
你可以向街上的陌生人尋求幫助,為你的新聞通訊添加圖片。
你真的為破碎的鏈接流下了眼淚......
即使只是一點(diǎn)點(diǎn)代碼也可以成為真正的救星。當(dāng)您的帖子格式看起來很糟糕或者您的鏈接無(wú)法點(diǎn)擊時(shí),即使只有一兩個(gè)HTML超級(jí)大國(guó)也可以讓您搶救您的網(wǎng)站或簡(jiǎn)報(bào),而不必向您的技術(shù)朋友發(fā)送求助信號(hào)…
別擔(dān)心!HTML比看起來更簡(jiǎn)單。
超文本標(biāo)記語(yǔ)言,或者更為人所知的HTML,只是一種編碼語(yǔ)言,由告訴您的Web瀏覽器網(wǎng)頁(yè)的每個(gè)部分是什么的元素組成。HTML標(biāo)簽只是每個(gè)元素的容器。
標(biāo)簽由尖括號(hào)和元素的名稱或縮寫組成。標(biāo)簽通常是成對(duì)出現(xiàn)的-左邊是一個(gè)開頭標(biāo)簽,左邊是一個(gè)開始標(biāo)簽,一個(gè)開頭標(biāo)簽(除了正斜杠以表示它是元素的末尾),就像這樣</ >在右邊。
而且,為了證明使用HTML標(biāo)簽是多么容易,我們將帶您到這篇文章的幕后,看看您今天可以開始使用的5個(gè)HTML標(biāo)簽!這5個(gè)標(biāo)簽只需幾次擊鍵就可以將您的網(wǎng)站,甚至是您想要?jiǎng)?chuàng)建的精美電子郵件簡(jiǎn)報(bào)帶到更高的級(jí)別。
5個(gè)必備HTML標(biāo)簽,適用于您的網(wǎng)站或簡(jiǎn)報(bào)
標(biāo)題
由于兩個(gè)主要原因,標(biāo)題包含強(qiáng)大的沖擊力。首先,搜索引擎使用標(biāo)題標(biāo)簽來確定您網(wǎng)站最重要的內(nèi)容。然后他們使用該信息為您的網(wǎng)站編制索引,或者讓感興趣的讀者更容易找到您的網(wǎng)站。
其次,不同標(biāo)題的內(nèi)容以不同的大小顯示。因此,它們具有標(biāo)題或副標(biāo)題的視覺效果,這有助于分解您的文本,以便所有那些人員可以快速瀏覽您的內(nèi)容并仍然了解您的帖子的內(nèi)容。
要使用標(biāo)題,就像許多其他HTML標(biāo)記一樣,您只需要在您的標(biāo)題中“嵌套”您在相應(yīng)標(biāo)題大小的開始標(biāo)記和結(jié)束標(biāo)記之間的文本,如下所示:
<h1>標(biāo)簽是最重要的標(biāo)簽,以最大尺寸顯示。它通常保留用于網(wǎng)頁(yè)的標(biāo)題,或者在網(wǎng)站的情況下保留給特定頁(yè)面的網(wǎng)站文章。
例如,<h2>標(biāo)簽用于網(wǎng)頁(yè)或網(wǎng)站帖子中的子標(biāo)題以指示不同的部分。
<h3>和<h4>標(biāo)簽然后用于其他部分,并且通常足夠大,當(dāng)向下移動(dòng)頁(yè)面時(shí),讀者的眼睛會(huì)產(chǎn)生一點(diǎn)“減速帶”,而<h5>和<h6>標(biāo)題不常見在簡(jiǎn)報(bào)的基礎(chǔ)上使用但可能會(huì)像小腳一樣派上用場(chǎng)。
鏈接
相關(guān)鏈接是經(jīng)過深思熟慮的網(wǎng)站文章或引人注目的電子郵件簡(jiǎn)報(bào)的最常見補(bǔ)充之一。通過鏈接,您可以連接到精彩的內(nèi)容,將您的觀點(diǎn)帶回家,為您的觀眾提供有趣的學(xué)習(xí)機(jī)會(huì),甚至只是分享一些關(guān)于您自己或公司的信息。
HTML鏈接標(biāo)記以<a href="">開頭,代表“錨定超文本引用等于”。
然后,您要共享的鏈接介于這些引號(hào)之間。(順便說一句-確保它們是直引號(hào)“” -不是卷曲引號(hào)“”。否則,你的鏈接將無(wú)效。提示那些眼淚?。?/span>
最后,在此之后,您可以(并且應(yīng)該!)為您的讀者提供實(shí)際可見和可點(diǎn)擊的文本,并使用結(jié)束標(biāo)記關(guān)閉整個(gè)文本:</a>
圖片
使用<img>標(biāo)記添加圖像,使您的內(nèi)容流行。使用更多HTML,您可以添加炫酷的格式,控制寬度或高度,或者-根據(jù)您的網(wǎng)站或簡(jiǎn)報(bào)模板允許的內(nèi)容-在圖像周圍添加邊框。
一旦圖像進(jìn)入我們的系統(tǒng),就會(huì)給它一個(gè)鏈接,可以用來在我們網(wǎng)站或博客的HTML代碼中引用它。該鏈接被視為我們的圖像源,或HTML中的“src”,并在標(biāo)記中放置引號(hào)以調(diào)用圖像。
快速提示:搜索引擎無(wú)法“讀取”圖像。因此,請(qǐng)務(wù)必使用圖像的簡(jiǎn)短描述填寫圖像標(biāo)記的“alt”屬性。這樣,搜索引擎就會(huì)知道圖像實(shí)際上是什么。如果您的圖像由于某種原因無(wú)法由瀏覽器顯示,那么這也將是顯示的文本。
清單
有兩種類型的HTML列表:無(wú)序列表和有序列表。
HTML列表中的項(xiàng)目均由<li>標(biāo)記指定,并且一個(gè)列表的所有項(xiàng)目嵌套在無(wú)序列表的<ul>標(biāo)記內(nèi)或有序列表的<ol>標(biāo)記中。
文字樣式
如果您希望在文本中添加一些額外的功能,粗體和斜體可以提供您需要的多樣性。
<strong>標(biāo)記會(huì)為您的文字加粗。
<em>標(biāo)簽將使您的文字顯示(或加重)。
而且,再一次,你所要做的就是將文本放在每個(gè)文本的開始和結(jié)束標(biāo)記之間,這樣你就可以了。
這很有趣,對(duì)嗎?看,HTML是你的朋友!而且,和任何朋友一樣,您越了解HTML,就可以獲得更多的好時(shí)光。首先要挑戰(zhàn)自己將這些標(biāo)簽應(yīng)用到您的網(wǎng)站新聞簡(jiǎn)報(bào)中,然后您很快就會(huì)與您的新朋友HTML一起制作精美的內(nèi)容。