|
html 1、簡介 html用于描述網頁，Hyper Text Markup Language超文本標記語言，不是編程語言。 標簽，瀏覽器使用標簽解釋頁面。所有標簽都應該關閉、小寫（新版本要求），屬性值建議使用雙引號。 元素，是指從開始標簽到結束標簽中的所有代碼。 屬性， 基于內容的樣式和物理樣式 編輯器：Adobe Dreamweaver、Microsoft Expression Web、CoffeeCup HTML Editor 塊級元素:瀏覽器默認為塊級元素前后加一行空行，如<h1>、<p>、<div>、<ul>、<table> 內聯元素：如<span> 2、標簽 標題<h1>-<h6>,搜索引擎根據標題制定索引。 段落<p></p> 換行<br /> 鏈接<a href=""></a> 錨<a name=""></a>可以用id代替name，請始終將正斜杠添加到子文件夾，否則就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址，然后創(chuàng)建一個新的請求 電子郵件<a href="mailto:xx@163.com?cc=11@163.com&bcc=22@163.com&subject=Hello%20again&body=hello%20test">mail</a> 圖像<img src="" alt="圖像無法載入時，顯示此內容" ismap/> <map> <area> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> </map> 水平線<hr /> 注釋<!-- --> 不建議使用：<font><center> 文本格式化：以下為物理樣式，避免使用。 大號字<big>、小號字<small> 著重<em>、加強<strong>、粗體<b> 上標<sup>、下標<sub> 插入<ins>、刪除<del> 斜體<i> 計算機輸出： 計算機代碼<code> 鍵盤碼<kbd> 代碼樣本<smp> 打字機代碼<tt> 變量<var> 預 格式<pre> 引用、引用和術語定義 縮寫<abbr> 地址<address> 文字方向<bdo> 長引用<blockquote>:瀏覽器會插入換行和外邊距 短引用<q> 引用<cite> 定義項目<dfn> 樣式： 資源引用<link> <style> 外部樣式表：<link rel="stylesheet" type="text/css" href="1.css"/> 內部樣式表:<style type="text/css"></style> 內聯樣式表:style="text-decoration:none" <span> <div> 表格 單元格內容為空，可能導致邊框無法顯示。 <caption> <table border="1" cellpading="1" cellspacing="1">cellspacing單元格間距 <tr> <th><td> colspan、rowspan valign 列表 無序<ul type="circle"><li> 有序<ol type="i" start="50"><li> 自定義列表：<dl><dt><dd> 表單 表單：<form action=""> 文本:<input type="text"> 密碼:<input type="password"> 單選框:<input type="radio"> 復選框:<input type="checkbox"> 下拉框：<select name=""><option value=""></option></select> 選項組： <optgroup label="Cars"> 文本域：<textarea rows="10" cols="30"></textarea> 邊框:<fieldset><legend>info</legend></fieldset> 提交：<input type="submit"> 重置：<input type="reset"> 框架 frameset不能和body一起使用。 <frameset cols="25%,75%"><frame src="1.html"><frame src="2.html" name="contentFrame"></frameset> 邊框不可見屬性：noresize="noresize" 為不支持框架的瀏覽器添加： <noframes> 標簽，該標簽如果需要添加文字,則需要加上body標簽中<noframes><body>瀏覽器不支持框架</body></noframes> 內聯框架 <iframe src="" frameborder="0" width="200" height="200"> </iframe> 頭部元素 <head>中包含的元素 <title> <base>定義頁面上所有鏈接的默認地址或默認目標：<base target="_blank" /> <link>：定義文檔與外部資源的關系 <style>：定義文檔的樣式信息。 <meta>:用于規(guī)定頁面的描述、關鍵詞、文檔的作者、最后修改時間以及其他元數據。 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="desc" content="HTML, CSS, XML" />部分搜索引擎會利用meta的name和content元素來索引頁面： <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript"> <meta name="author" content="w3school.com.cn"> <meta name="revised" content="David Yang,8/1/07"> <meta name="generator" content="Dreamweaver 8.0en"> 重定向：<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" /> <script> :定義客戶端腳本，有可能瀏覽器沒法識別 <script> 標簽，應該將腳本隱藏在注釋標簽當中。 <script type="text/javascript"> <!-- document.write("Hello World!") //--> </script> <noscript>Sorry, your browser does not support JavaScript!在瀏覽器不支持script時，才執(zhí)行noscript中的內容</noscript> 3、屬性 href、align、bgcolor、border、class、id、style、title target：_blank、_top html4中已廢棄：背景顏色：bgcolor 背景圖片：background 4、高級 <!DOCTYPE>:不是html標簽，它告訴瀏覽器html是用什么版本編寫的。常用聲明如下： HTML5:<!DOCTYPE html> HTML 4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www./TR/html4/loose.dtd"> XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> URL: scheme:定義因特網服務類型，如http（超文本傳輸協議）、https（安全超文本傳輸協議，加密所有信息交換。）、ftp（文件傳輸協議）、file（計算機上的文件） host:定義域主機 http默認為www domain：定義因特網域名 port：定義主機端口號 path:定義服務器上的路徑 filename：定義文檔/資源名稱 URL 只能使用 ASCII 字符集來通過因特網進行發(fā)送 URL 編碼使用 "%" 其后跟隨兩位的十六進制數來替換非 ASCII 字符。 URL 不能包含空格。URL 編碼通常使用 + 來替換空格。 1、CSS簡介 使用 CSS 最大的好處是，如果把 CSS 代碼存放到外部樣式表中，那么站點會更易于維護。通過編輯單一的文件，就可以改變所有頁面的布局。 標簽名+#+id名，如div#content{} css屬性： 顏色：background-color 大?。簑idth、height 位置：text-align |
|
|
來自： 昵稱15431063 > 《mata日記》
