HTML

HTML 屬性

HTML標題

h1----h6

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

換行

您也許發(fā)現(xiàn) <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块请、內聯(lián)樣式

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

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

HTML超鏈接

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

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

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

name 屬性規(guī)定(anchor)的名稱徙菠⊙渡颍可以使用 name 屬性創(chuàng)建 HTML 頁面中的書簽。命名錨的語法:

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

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

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

發(fā)送郵件

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

HTML圖像

<img> 是空標簽,它只包含屬性穷劈,并且沒有閉合標簽笼恰。
   1、要在頁面上顯示圖像歇终,需要使用源屬性src社证。源屬性的值是圖像的 URL 地址。
   2练湿、alt 屬性用來為圖像定義一串預備的可替換的文本猴仑。
      在瀏覽器無法載入圖像時,替換文本屬性指定告訴用戶的信息肥哎。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末辽俗,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子篡诽,更是在濱河造成了極大的恐慌崖飘,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件杈女,死亡現(xiàn)場離奇詭異朱浴,居然都是意外死亡,警方通過查閱死者的電腦和手機达椰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門翰蠢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人啰劲,你說我怎么就攤上這事梁沧。” “怎么了蝇裤?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵廷支,是天一觀的道長。 經常有香客問我栓辜,道長恋拍,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任藕甩,我火速辦了婚禮施敢,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己僵娃,他們只是感情好羡藐,可當我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著悯许,像睡著了一般。 火紅的嫁衣襯著肌膚如雪辉阶。 梳的紋絲不亂的頭發(fā)上先壕,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天,我揣著相機與錄音谆甜,去河邊找鬼垃僚。 笑死,一個胖子當著我的面吹牛规辱,可吹牛的內容都是我干的谆棺。 我是一名探鬼主播,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼罕袋,長吁一口氣:“原來是場噩夢啊……” “哼改淑!你這毒婦竟也來了?” 一聲冷哼從身側響起浴讯,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤朵夏,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后榆纽,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體仰猖,經...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年奈籽,在試婚紗的時候發(fā)現(xiàn)自己被綠了饥侵。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡衣屏,死狀恐怖躏升,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情勾拉,我是刑警寧澤煮甥,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站藕赞,受9級特大地震影響成肘,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一已日、第九天 我趴在偏房一處隱蔽的房頂上張望鹦倚。 院中可真熱鬧是越,春花似錦洒闸、人聲如沸染坯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽单鹿。三九已至,卻和暖如春深纲,著一層夾襖步出監(jiān)牢的瞬間仲锄,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工湃鹊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留儒喊,地道東北人。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓币呵,卻偏偏與公主長得像怀愧,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子余赢,可洞房花燭夜當晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內容

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