HTML 基礎(chǔ)

一 . 基礎(chǔ)

  1. 標(biāo)題 <h1> -<h6>
  2. 段落 <p>
  3. 鏈接<a href="">
  4. 圖片<img>
  5. 標(biāo)簽對(duì)空行和空格進(jìn)行控制< pre >
  6. 演示不同的“計(jì)算機(jī)輸出”標(biāo)簽的顯示效果<code>
  7. HTML 文件中寫地址<address>
  8. 實(shí)現(xiàn)縮寫或首字母縮寫
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
  1. 塊引用 <blockquote>
  2. 刪除和下劃線
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

二. 元素 和屬性

  1. HTML 元素指的是從開始標(biāo)簽(start tag)到結(jié)束標(biāo)簽(end tag)的所有代碼。
    屬性為 HTML 元素提供附加信息。屬性和屬性值對(duì)大小寫不敏感。但是HTML 提示:使用小寫屬性。
    始終為屬性值加引號(hào)
    屬性值應(yīng)該始終被包括在引號(hào)內(nèi)。雙引號(hào)是最常用的,不過(guò)使用單引號(hào)也沒(méi)有問(wèn)題。在某些個(gè)別的情況下,比如屬性值本身就含有雙引號(hào),那么您必須使用單引號(hào)。


  2. 還是 <br />
    您也許發(fā)現(xiàn)
    與 <br /> 很相似。
    在 XHTML、XML 以及未來(lái)的 HTML 版本中,不允許使用沒(méi)有結(jié)束標(biāo)簽(閉合標(biāo)簽)的 HTML 元素。
    即使
    在所有瀏覽器中的顯示都沒(méi)有問(wèn)題,使用 <br /> 也是更長(zhǎng)遠(yuǎn)的保障。

  3. HTML 輸出 - 有用的提示
    我們無(wú)法確定 HTML 被顯示的確切效果。屏幕的大小,以及對(duì)窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果。
    對(duì)于 HTML,您無(wú)法通過(guò)在 HTML 代碼中添加額外的空格或換行來(lái)改變輸出的效果。
    當(dāng)顯示頁(yè)面時(shí),瀏覽器會(huì)移除源代碼中多余的空格和空行。所有連續(xù)的空格或空行都會(huì)被算作一個(gè)空格。需要注意的是,HTML 代碼中的所有連續(xù)的空行(換行)也被顯示為一個(gè)空格。

三. HTML 樣式

  1. HTML 的 style 屬性
    style 屬性的作用:提供了一種改變所有 HTML 元素的樣式的通用方法。
    樣式是 HTML 4 引入的,它是一種新的首選的改變 HTML 元素樣式的方式。通過(guò) HTML 樣式,能夠通過(guò)使用 style 屬性直接將樣式添加到 HTML 元素,或者間接地在獨(dú)立的樣式表中(CSS 文件)進(jìn)行定義。
  2. HTML的 css
    HTML中的樣式
    本例演示如何使用添加到 <head> 部分的樣式信息對(duì) HTML 進(jìn)行格式化。
    沒(méi)有下劃線的鏈接
    本例演示如何使用樣式屬性做一個(gè)沒(méi)有下劃線的鏈接。
    鏈接到一個(gè)外部樣式表
    本例演示如何 <link> 標(biāo)簽鏈接到一個(gè)外部樣式表。
  3. 使用
    外部樣式表
    當(dāng)樣式需要被應(yīng)用到很多頁(yè)面的時(shí)候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過(guò)更改一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

內(nèi)部樣式表
當(dāng)單個(gè)文件需要特別樣式時(shí),就可以使用內(nèi)部樣式表。你可以在 head 部分通過(guò) <style> 標(biāo)簽定義內(nèi)部樣式表。

<head>

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

內(nèi)聯(lián)樣式
當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí),就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。

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

HTML script 元素

<script> 標(biāo)簽用于定義客戶端腳本,比如 JavaScript。

script 元素既可包含腳本語(yǔ)句,也可通過(guò) src 屬性指向外部腳本文件。

必需的 type 屬性規(guī)定腳本的 MIME 類型。

JavaScript 最常用于圖片操作、表單驗(yàn)證以及內(nèi)容動(dòng)態(tài)更新。

下面的腳本會(huì)向?yàn)g覽器輸出“Hello World!”:

<script type="text/javascript">
document.write("Hello World!")
</script>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 前言 本系列文章主要是基于W3school這個(gè)學(xué)習(xí)網(wǎng)站來(lái)總結(jié)的,之所以會(huì)自己總結(jié)一番,一來(lái)是因?yàn)榫W(wǎng)站中的實(shí)例效果,...
    碼字與律動(dòng)閱讀 4,086評(píng)論 4 70
  • 公司最近人手極度空缺,領(lǐng)導(dǎo)一聲令下,讓我和另一個(gè) Android 小伙去支援 Java 組開發(fā)。秉承著“一塊磚”的...
    GinkWang閱讀 775評(píng)論 0 15
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,121評(píng)論 2 21
  • HTML標(biāo)題HTML標(biāo)題由 至 標(biāo)簽定義。 定義了最重要的標(biāo)題。 定義了最不重要的標(biāo)題: HTML段落HTML段落...
    空城阿風(fēng)閱讀 385評(píng)論 0 0
  • 電機(jī)電器科實(shí)習(xí)總結(jié) (收貨頗深2行) 1.對(duì)于汽車開發(fā)的嶄新認(rèn)識(shí) 在為期兩周的簡(jiǎn)短培訓(xùn)中,我們對(duì)于電子電器部的主要...
    aLLENzHANG90閱讀 581評(píng)論 0 0