一 . 基礎(chǔ)
- 標(biāo)題 <h1> -<h6>
- 段落 <p>
- 鏈接<a href="">
- 圖片<img>
- 標(biāo)簽對(duì)空行和空格進(jìn)行控制< pre >
- 演示不同的“計(jì)算機(jī)輸出”標(biāo)簽的顯示效果<code>
- HTML 文件中寫地址<address>
- 實(shí)現(xiàn)縮寫或首字母縮寫
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
- 塊引用 <blockquote>
- 刪除和下劃線
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
二. 元素 和屬性
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)。
還是 <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)的保障。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 樣式
- HTML 的 style 屬性
style 屬性的作用:提供了一種改變所有 HTML 元素的樣式的通用方法。
樣式是 HTML 4 引入的,它是一種新的首選的改變 HTML 元素樣式的方式。通過(guò) HTML 樣式,能夠通過(guò)使用 style 屬性直接將樣式添加到 HTML 元素,或者間接地在獨(dú)立的樣式表中(CSS 文件)進(jìn)行定義。 - HTML的 css
HTML中的樣式
本例演示如何使用添加到 <head> 部分的樣式信息對(duì) HTML 進(jìn)行格式化。
沒(méi)有下劃線的鏈接
本例演示如何使用樣式屬性做一個(gè)沒(méi)有下劃線的鏈接。
鏈接到一個(gè)外部樣式表
本例演示如何 <link> 標(biāo)簽鏈接到一個(gè)外部樣式表。 - 使用
外部樣式表
當(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>