HTML基礎複習(一),html基礎複習

來源:互聯網
上載者:User

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>    

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.