整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
以下HTML標記用于格式化網(wǎng)頁上文本的外觀。這可以使網(wǎng)頁變得更加生動，但是，文本格式的太多變化也會使人不快。
head標記有6個級別可用，從h1用于最大和最重要的標題，到h6是最小的標題。
b標記之間的文本以粗體顯示，與周圍的文本相對突出。
i標記以一個小角度顯示文本。
u標記在文本正文添加一條線，請注意，鏈接已經(jīng)有下劃線，不需要額外的標記。
strike標記在文本的正中間畫一條線，通常用來表示文本是舊的，不再相關，刪除。也可以用<s></s>代替。
pre標記之間的任何文本，包括空格、回車符和標點符號，都將像在文本編輯器中一樣顯示在瀏覽器中（通常瀏覽器會忽略多個空格）
code標記之間的文本以固定寬度字體顯示，通常在顯示源代碼時使用。
tt標記之間的文本就像是用打字機打出了一個固定寬度的文字。
blockquote標記定義一個塊引用，并且在塊的左右添加額外的邊距。
small標記讓你無需設置字體大小，就可以使文本呈現(xiàn)比周圍稍小的外觀。
font標記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進制顏色代碼。
font標記的size屬性改變字體的大小，值范圍從1到7，1是最小，7是最大。
font標記的size屬性還可以相對于其前面的字體大小的作即時更改，此用法將按你指定的數(shù)字增減字體大小。例如：<font size="-1">一些文本</font>
font標記的face屬性以指定的字體顯示文本，值為字體名稱，如“Helvetica”、“Arial”或“Courier”。
center標記之間的所有內(nèi)容都居中。
em標記用于強調文本，文本通常以斜體顯示，可能會根據(jù)瀏覽器的不同而有所不同。
strong標記用于著重強調文本，通常以粗體顯示，可能會根據(jù)瀏覽器的不同而有所不同。
下面是以上標記的示例：
瀏覽器顯示內(nèi)容如下所示：
些初學web前端的小伙伴會比較迷惑，HTML到底是什么呢？
這里解釋一下，HTML稱為超文本標記語言，是一種標識性的語言。
它包括一系列標簽，通過這些標簽可以將網(wǎng)絡上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
HTML的學習也是要由淺到深一步一步學習，對于很多小伙伴來說，HTML的學習路線一直是一個問題，下邊我列出HTML需要學習的幾個知識點，大家可以作為參考。
⒈ html概述
⒉ html基本標簽
⒊ 圖片標簽
⒋ 超鏈接標簽
⒌ 表格標簽
⒍ 無序列表標簽
⒎ 有序列表標簽
⒏ 定義列表標簽
⒐ div標簽
⒑ 語義化標簽
⒒ 表單標簽
⒓ 語義化表單元素
⒔ 框架標簽
⒕ 特殊字符
⒖ 綜合案例
針對以上的html知識點，動力節(jié)點也有非常適合初學者的HTML學習教程，相信大家通過HTML視頻課程的學習以后，會對HTML有一個深入的了解。
通過該視頻的學習之后，可以開發(fā)基本的網(wǎng)頁，并且可以看懂別人編寫的HTML頁面。
HTML學習資料：http://www.bjpowernode.com/?toutiaohtml.chai
為了方便學習和理解，通常將HTML5標記分為兩大類，即雙標記和單標記。
a.雙標記：
雙標記雙標記也稱為體標記，分為開始標記和結束標記，其基本語法為：
<標記名>內(nèi)容</標記名>
如：
<p>我是一個雙標記</p>b.單標記：
單標記也稱空標記，是指用一個標記就可以完整的描述某個功能，其基本語法為：
<標記名/>
如：
<hr/>上面hr標記表示一條水平線，后面會提到
注釋標記是HTML的一種特殊標記，它是一段便于閱讀理解的不需要在頁面中顯示的注釋文字。其基本語法格式為：
<!-- 注釋語句 -->如：
<p>這是一段文本</p> <!-- 這是注釋文本，不會在頁面中顯示 -->上圖即為瀏覽器中的結果。
HTML標記的默認樣式是無法滿足頁面開發(fā)的需求的，如果想要為某段文本設置特定的樣式，就需要用到HTML標記的屬性了，其基本語法格式為：
<標記名 屬性1="屬性值1" 屬性2="屬性值2" 屬性3="屬性值3"...>內(nèi)容</標記名>
下面以一個例子來展示：
網(wǎng)頁第一行是一個二級居中的標題，第二行是一個局中的段落，第三行是一個大小為2px，顏色為灰色的水平線，第四行是一段正常的段落，部分詞語被加粗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2 align="center">我是居中的二級標題</h2>
<p align="center">我是居中的段落</p>
<hr size="2" color="#ccc"/>
<p>我是一個正常的段落，這是<strong>關鍵字</strong>，其他的都是正常內(nèi)容。<p/>
</body>
</html>效果如圖所示：
?
多學一招（鍵值對）：
“鍵值對”簡單地說即為對“屬性”設置“值”
例如：
color = "red";width:"200px";
上面的color和width就相當于屬性1和屬性2，red和200px就是對應的屬性值1和屬性值2，如果順序出錯，是沒有效果的
總結：
在HTML開始標記中，可以通過 屬性=“屬性值”的方式為標記添加屬性，其中“屬性”和“屬性值”是以“鍵值對”的形式出現(xiàn)的
1.title
一個HTML文檔只能含有一對<title></title>標記，<title></title>之間的內(nèi)容將顯示在瀏覽器窗口的標題欄中。
基本語法格式：
<title>網(wǎng)頁標題名稱</title>
2.meta
meta定義頁面元信息：
設置網(wǎng)頁關鍵字》》》<meta name=”keywords” content=”JAVA、php”/>
設置網(wǎng)頁描述》》》<meta name=”description” content=”IT培訓教育”/>
設置網(wǎng)頁作者》》》<meta name=”author” content=”傳智播客”/>
設置字符集》》》<meta http-equiv=”Content-Type” content=”text/htm; charset=utf-8l”/>
設置頁面自動刷新與跳轉》》》<meta http-equiv=”refresh” content=”10;url=http://www.itcast.cn”/>
3.link
基本語法格式：
<link 屬性=”屬性值” />
屬性名 | 常用屬性值 | 描述 |
href | URL | 指定引用外部文檔 |
rel | stylesheet | 指定當前文檔與引用外部文檔的關系，該屬性值通常為stylesheet，表示定義一個外部樣式表 |
type | text/css | 引用外部文檔的類型為CSS |
type | text/javascript | 引用外部文檔的類型為JavaScript腳本 |
4.style
基本語法格式：
<style 屬性=”屬性值”>樣式內(nèi)容</style>
在HTML中使用style標記時，常常定義其屬性為type，相應的屬性值為text/css，表示使用內(nèi)嵌式的CSS樣式
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
