計算機, 程序設計
HTML標籤文本:對齊,大小,字體
這似乎知道什麼HTML標籤的文本,如果是在幾乎所有的管理有一個方便的可視化編輯器,它會自動將它們?
事實上,網站內容的格式是從Office應用程序的工作完全不同。 沒有足夠的只是給文字吸引人的外觀,因為正確的註冊不僅取決於顯示網頁的,而且其在搜索引擎推廣。
HTML標籤和屬性:基本語法
任何文本有一個隱藏的代碼,“解釋”你想在屏幕上顯示什麼,以及如何計算機。 所有信息都記錄了一組通用的元素。
事實上,HTML標籤的文字 - 這個團隊,這增加了定義頁面區塊或改變其外觀。 正確的錄製格式如下:
請注意,並非所有的標籤配對。 例如,
(軋製線)或
(水平線相加)並不需要在所有閉合。
為什麼不能複製從Word和其他程序的文章在該網站的編輯
雖然現代辦公程序都使用相同的HTML標籤的文字,本機代碼的99%是不適合的網頁。 即使在申請文件中顯示正常,當你插入的網站可能會失去格式。 此外,由於大量額外的標籤,和搜索引擎不能充分分析頁面屬性的內容。 這反過來,使得推廣你的網站很難。
為了獲得一個乾淨和相關的代碼,你首先需要明確從通常的編輯器創建的HTML標籤的文本。 有幾種方法可以做到這一點:
- “擺脫”通過“記事本”的文章,然後才插入網站。 該應用程序會刪除所有HTML,使然後不得不重新格式化文本(使用編輯器或手工工具)。
- 撰寫並通過LiveWriter發表文章。 廣受歡迎的博客編輯器立即生成正確的代碼。 而在一個單獨的選項卡,可以看到文本外觀的網站上。
- 使用HTML清潔。 該在線服務並不破壞所有的代碼作為一個整體,但只有額外的片段。 憑藉過濾器,您選擇哪種標籤存儲。 還有一個強大的所見即所得編輯器格式,這更增加了已優化代碼的命令。
你發布一個新的職位之前,請務必檢查HTML。 在它不應該有比我們現在考慮其他的標籤。
段落
該元素存在於幾乎所有的文章。 每個段落應放置在這樣的容器中 - 這簡化了格式和可以讓你保持對整個網站的風格一致。 為了方便起見,
標籤總是被寫入一個新行。
對準
獨立的HTML標籤“文本對齊”不再使用。 相反,通用屬性ALIGN已創建。 要重新定位頁面上的文本框,您必須選擇3個值 - 中心,右邊或左邊。 同樣,你可以指定其他元素的對齊方式 - 例如標題。
在某些情況下,比對使用其他標記HTML。 居中文本,例如,可以佈置成與元件
標題和副標題
字幕系統允許您創建內容的邏輯結構。 當文本分為語義單位,讀者更容易集中精力,學習新的信息。 搜索引擎也分析了頭條新聞,看看哪些查詢促進頁。 這就是為什麼SEO專家建議在其專題鍵一起使用。
在HTML使用六個級別字幕 - 從
到。 在這個系統中,有一個明顯的層次結構:
-
... H1>
。 主標題(文章標題,商品在網上商店,等等。D.)。 在文本只能有一個。 通常情況下,它包含的主要關鍵詞。
-
... H2>
。 字幕二級休息文成有意義的單位。 例如,如果你的筆記本電腦等級,你可以做一些與不同型號的名稱。
-
... H3>
。 需要第三級,如果之間的文本也被劃分成小塊。 在我們的例子,這可能是評價標準 - “性能”,“記憶”,“視頻”,等等各型號...
-
,,
。 在實踐中,非常罕見。 但總的原則是相同的 - 他們在單位被“嵌入”與字幕的最高水平。
-
... H1>
。 主標題(文章標題,商品在網上商店,等等。D.)。 在文本只能有一個。 通常情況下,它包含的主要關鍵詞。
-
... H2>
。 字幕二級休息文成有意義的單位。 例如,如果你的筆記本電腦等級,你可以做一些與不同型號的名稱。
-
... H3>
。 需要第三級,如果之間的文本也被劃分成小塊。 在我們的例子,這可能是評價標準 - “性能”,“記憶”,“視頻”,等等各型號...
-
,
,
。 在實踐中,非常罕見。 但總的原則是相同的 - 他們在單位被“嵌入”與字幕的最高水平。
當心正確的層次結構的保存。 回到我們的例子中,這意味著你不能馬上進入像
或的型號名稱。 進而使用均勻的在不同層次的字幕塊的感測(例如,高亮顯示的筆記本電腦,最後在排等級,使用)。
)。
但該方案,這將立即理解和記憶頭的正確結構的HTML。
名單
在列表的形式發布的任何轉移,更好地指導,採用特殊的HTML標籤的文本(一個常見的錯誤 - 的
,其中以連字符或數字開頭的只是幾個段落)。
這樣的塊的結構是很簡單的。 首先,我們定義列表的類型 - 符號
- ... ul>或編號為
- ... LI>。 元件的數量沒有限制。
字體的選擇:及其屬性
什麼可以使用HTML標籤進行更改? 文本的大小,字體和顏色 - 並沒有在CSS中增加新的類。 當您需要選擇只有一個句子或片段,這是非常方便的。
有幾個屬性:
- 面對。 它允許您更改文本的字體。 您可以列出多個選項,並用逗號(宋體,宋體)分離。 除非用戶第一字體,該系統使用了一個簡單的選擇。
- 大小。 要增加或減少文字輸入的1引用值為7。
- 顏色。 根據設計,你可以選擇一種標準顏色(紅,綠,藍)或輸入任何顏色可供選擇的代碼。
不要使用使用格式的段落,而不是字幕。 這是更好地問同樣的設計參數正確的標籤。
用於選擇文本的方法
單調的文字累,甚至分解成幾段。 重點推薦以圖形方式分配給吸引注意力,攪拌在讀者的興趣。 這裡有幾支球隊將與應付這項工作。
... B> 。 非常流行的HTML標籤。 粗體字映入眼簾的,但因為它是方便區分重要的談話要點和事實。
很多人混淆標籤和。 在視覺上沒有什麼區別,但它們的工作方式不同。 第一只更改文本的外觀,另一個用作“指針”,並強調最重要的部分(專題關鍵字和詞組搜索引擎優化)。
... I> 。 優雅和嚴謹的當然是理想的科學術語,外來詞和各種引文的設計。 在嚴重的出版物斜體也釋放藝術作品的名字。
... U> 。 也許如此大的爭議並沒有造成任何HTML標籤。 下劃線文字很少使用,因為這種分配方法在歷史上盤踞的超鏈接。 如果您在文章使用,請注意,這是只適合小品 - 不超過1行。
... S>。 有趣的標籤,可以讓你做一些的 刪除線的文本。 非常相關的廣告 - 例如,強調新舊價格之間的對比。... BIG> 。 最簡單的方法,以增加字體大小,沒有任何額外的設置。
... SMALL> 。 它適用於同樣的原則作為一個標籤。 設置在文本,相對於地面降低。
... SUP> 。 正確的名稱格式 - 上標。 基本上,這個標籤是專為數學學位和腳註。 它減少了 字體大小 和轉移所選擇的文本的。
... SUB> 。 下標經常在各種公式的發現。 將分離的片段位於下方的主文本。
語義容器
由於一些塊在很多教科書中,他們開始創造特殊的標籤。 這簡化了格式化,因為如果每個內容類型都有自己的一套風格,分配足夠的一段文字,並指出它包含哪些信息。
... CODE>。 標籤的計算機代碼。 不可缺少的文章編程示例 - 指令不被執行,並顯示為純文本。... CITE> 。 旨在處理引號 - 例如,從採訪的關鍵摘錄。
... BLOCKQUOTE>
。 這使得在一個單獨的塊文本的一部分。 默認情況下,選擇縮進左側,但在CSS你也可以改變文字大小,字體樣式和顏色。... ADDRESS> 。 包含關於作者,其中包括一個鏈接信息可選標籤。
的分界線
通過簡單的功能,你可以指定一大段的邏輯結束。
不是一對標記。 這意味著,在結束 ...>不需要格式項。使用WIDTH屬性C可以被製成比通過設置在像素或窗口寬度的百分比適當大小的分離器更短。
要學會使用標籤在HTML格式文本,你將不僅使你的文章更容易閱讀,而且可以提高搜索引擎的效率。
- ... OL>。
所有的元素都位於開始和結束標記之間。 每個列表項開始一個新的線路之間,其格式為
Similar articles
Trending Now