HTML基礎複習(一),html基礎複習
HTML:超文字標記語言 (HTML)(HyperText Markup Language),不是一種程式設計語言,是標記語言HTML元素:<p>段落</p>HTML標籤:<p>段落</p>HTML聲明:<!DOCTYPE>並不是標籤HTML5:<!DOCTYPE html>HTML4.0.1 strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">HTML 4.01 Transitional:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">HTML 4.01 Frameset :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">XHTML 1.0 Strict:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">XHTML 1.0 Transitional:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">XHTML 1.0 Frameset:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">XHTML 1.1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> HTML標題:<h1>~<h6>標題很重要,不要僅僅為了字型樣式而使用,搜尋引擎使用標題編製索引HTML段落:<p>...</p>如果要在段落中換行,用<br/>HTML連結:<a href = "http://www.runoob.com">...</a>連結中的target屬性:
| target值 |
描述 |
樣本 |
| _blank |
在新視窗開啟連結 |
<a href = "http://www.runoob.com" target="_blank">...</a> |
| _self |
預設,相同架構中開啟連結 |
<a href = "http://www.runoob.com" target="_self">...</a> |
| _parent |
在父架構中開啟連結 |
<a href = "http://www.runoob.com" target="_parent">...</a> |
| _top |
在整個視窗中開啟連結 |
<a href = "http://www.runoob.com" target="_top">...</a> |
| framename |
在指定的架構中開啟連結 |
|
連結中的id屬性:<a id="tar">我在這裡</a>......<a href="#tar">跳轉</a> HTML映像:<img src = "" width="" height=""/>HTML換行(空元素):<br/>HTML水平線:<hr/>HTML整個文檔:<html>...</html>HTML內容主體:<body>...</body>HTML頭:<head></head>可以添加在head內的標籤有:title、style、link、script、noscript、baseHTML<link>:只能在head中空元素,只有屬性<link rel = "stylesheet" type = "text/css" href = "/dir/theme.css"/>HTML<style>:在head內定義樣式檔案的引用地址<style type="text/css">h1 {color: yellow}p {color: red}</style>HTML中繼資料:在head內定義關鍵字:<meta name="keywords" content = "HTML,css,xml"/>定義描述內容:<meta name="description" content = "學習html"/>定義網頁作者:<meta name="author" content = "Demi"/>定義元字元集:<meta charset = "UTF-8"/>定義網頁重新整理(每三十秒重新整理一次):<meta http-equiv="refresh" content="30"/>HTML<base>:在head標籤內<base href="http://......" targe="_blank" />定義頁面中所有連結預設的目標地址。HTML 屬性:屬性是HTML元素提供得附加資訊一般以成對的名稱和數值的形式一般描述在開始標籤中舉例:<a href = "http://www.runoob.com">...</a>屬性值一般以雙引號包含,單引號也可以;但是在內容本身有雙引號的時候,必須用單引號包含,比如:name = 'aaaaa "bbbbb"ooooo'常見屬性:class、id、style、title……HTML注釋:<!--注釋-->HTML空行與空格:所有連續的空格和空行都會被算作一個空格HTML加粗:<b>...</b><strong>...</strong>HTML斜體:<i>....</i><em>...</em>HTML字型放大:<big></big>HTML字型縮小:<small></small>HTML上標:<sup></sup>HTML下標:<sub></sub>HTML預格式文本:保留空格與換行,適合顯示代碼<pre>...</pre>HTML縮寫:<abbr title="People`s Republic of China">PRC</abbr>HTML刪除文本:<del>...</del>HTML底線:<ins>...</ins>