HTML

HTML 屬性

HTML標題

h1----h6

  • 標題很重要。要確保將 HTML heading 標簽只用于標題。不要僅僅是為了產生粗體或大號的文本而使用標題。
  • 搜索引擎使用標題為您的網頁的結構和內容編制索引。
  • 因為用戶可以通過標題來快速瀏覽您的網頁,所以用標題來呈現文檔結構是很重要的。

換行

您也許發現 <br> 與 <br /> 很相似。
在 XHTML、XML 以及未來的 HTML 版本中,不允許使用沒有結束標簽(閉合標簽)的 HTML 元素。
即使 <br> 在所有瀏覽器中的顯示都沒有問題,使用 <br /> 也是更長遠的保障。

HTML樣式

HTML 的 **style **屬性的作用:提供了一種改變所有 HTML 元素的樣式的通用方法。在 HTML 4 中,有若干的標簽和屬性是被廢棄的。


          style="background-color:yellow"   //style 屬性淘汰了“舊的” bgcolor 屬性。
          style="font-family:arial;color:red;font-size:20px;"    //style 屬性淘汰了舊的 <font> 標簽
          style="text-align:center"    //style 屬性淘汰了舊的 "align" 屬性。

HTML文本格式化

HTML 可定義很多供格式化輸出的元素,比如粗體和斜體字。


HTML引用

HTML計算機代碼元素

      <code> 元素不保留多余的空格和折行,如需空格和折行,必須在 <pre> 元素中包圍代碼。

HTML CSS

1、外部樣式表

當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

2、內部樣式表

當單個文件需要特別樣式時,就可以使用內部樣式表。你可以在head 部分通過 <style> 標簽定義內部樣式表。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

3、內聯樣式

當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

HTML超鏈接

通過使用 <a> 標簽在 HTML 中創建鏈接。
有兩種使用 <a> 標簽的方式:
       1、通過使用 href 屬性 - 創建指向另一個文檔的鏈接
       2、通過使用 name 屬性 - 創建文檔內的書簽(錨)
HTML 鏈接 - target 屬性

使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。下面的這行會在新窗口打開文檔:

       <a  target="_blank">Visit Baidu!</a>
HTML 鏈接 - name 屬性

name 屬性規定(anchor)的名稱。可以使用 name 屬性創建 HTML 頁面中的書簽。命名錨的語法:

       <a name="label">錨(顯示在頁面上的文本)</a>
        //可以使用 id 屬性來替代 name 屬性,命名錨同樣有效

首先,我們在 HTML 文檔中對錨進行命名(創建一個書簽):

  首先,我們在 HTML 文檔中對錨進行命名(創建一個書簽):
         <a name="tips"> TIPS </a>
  然后,在同一個文檔中創建指向該錨的鏈接:
         <a href="#tips">點擊跳轉到TIPS</a>
  也可以在其他頁面中創建指向該錨的鏈接,將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到這個錨了:
         <a href="頁面鏈接#tips">點擊跳轉到TIPS</a>

發送郵件

<a href="mailto:someone@microsoft.com?subject=Hello%20again">發送郵件</a>

HTML圖像

<img> 是空標簽,它只包含屬性,并且沒有閉合標簽。
   1、要在頁面上顯示圖像,需要使用源屬性src。源屬性的值是圖像的 URL 地址。
   2、alt 屬性用來為圖像定義一串預備的可替換的文本。
      在瀏覽器無法載入圖像時,替換文本屬性指定告訴用戶的信息。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,836評論 6 540
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,275評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,904評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,633評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,368評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,736評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,740評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,919評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,481評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,235評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,427評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,968評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,656評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,055評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,348評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,160評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,380評論 2 379

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,779評論 1 92
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,296評論 1 41
  • 0.B/S結構 瀏覽器服務器模式,web瀏覽器是客戶端最主要的應用軟件.將客戶端使用web進行統一,系統功能實現集...
    liusong007閱讀 1,079評論 0 1
  • 1. 瀏覽器頁面有哪三層構成,分別是什么,作用是什么? 構成:結構層、表示層、行為層分別是:HTML、CSS、Ja...
    程序猿人王小賤閱讀 1,890評論 1 11
  • 2017年9月29日(連續第228天總結) 今日目標完成情況: 1:隨寫 100% 2:抄寫概念5遍 100% ...
    我來學而時習之閱讀 324評論 1 0