整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
讓后面的文字、圖片、表格等等，顯示在下一行
碼海無際<br>碼海無際在網頁中要把文字有條理地顯示出來，離不開段落標簽，就如同我們平常寫文章一樣，整個網頁也可以分為若干個段落，而段落的標簽就是
<p>碼海無際</p><p>碼海無際</p>在網頁中常常看到一些水平線將段落與段落之間隔開，使得文檔結構清晰，層次分明。這些水平線可以通過插入圖片實現，也可以簡單地通過標簽來完成，hr 就是創建橫跨網頁水平線的標簽。
碼海無際<hr>碼海無際分區顯示標簽，也稱之為層標簽，常用來編排一大段的HTML段落，也可以用于格式化表，和 p 很相似，是塊狀元素，經常嵌套使用。
<div>碼海無際</div><div>碼海無際</div><div> <div>碼海無際</div> <div>碼海無際</div></div>用來組合文檔中的行內元素，沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化。
<span>碼海無際</span><span>碼海無際</span>pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
<pre> 碼海無際 碼海無際</pre>無序列表的各個列表項之間沒有順序級別之分，是并列的。
<ul> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ul>注意：
1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。 2. <li>與</li>之間相當于一個容器，可以容納所有元素。 3. 無序列表會帶有自己樣式屬性，但是不推薦使用，一般會用CSS設置。有序列表即為有排列順序的列表，其各個列表項按照一定的順序排列定義
1.格式：
<ol type="符號類型"> <li type="符號類型"></li> <li type="符號類型"></li></ol>2.有序列表的type屬性值:
3.有序列表的value屬性值:
4.列表可以進行嵌套
<ol> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol type="A"> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li type="A">碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li>碼海無際</li> <li value="6" type="A">碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li>碼海無際</li> <li> <ol type="A"> <li>志存高遠</li> <li>志存高遠</li> </ol> </li> <li>碼海無際</li> <li>碼海無際</li></ol>對列表條目進行簡短的說明
<dl> <dt>軟件說明：</dt> <dd>這是軟件說明</dd> <dt>軟件界面：</dt> <dd>這是軟軟件界面</dd></dl>居中對齊
<center>碼海無際</center>tml文件即超文本標記語言文件文檔，是擴展名、后綴名為html的文件。超文本標記語言的結構包括頭部分（Head）、和主體部分（Body），其中頭部（head）提供關于網頁的信息，主體（body）部分提供網頁的具體內容。html文件能夠被多種網頁瀏覽器讀取，傳遞。我們可以使用電腦上自帶的記事本進行編輯htm文件。那么html文件刪除如何恢復？
通常情況下當您從電腦存儲設備中刪除html文件時，該html文件會保存在回收站中。 可以根據需要通過單擊還原選項將其還原。 但是不好運的情況下，如果您清空回收站或文件未經過回收站、或使用永久刪除鍵Shift + Delete將文件刪除怎么恢復呢？我們可以通過使用數據恢復軟件來恢復。
html文件刪除恢復步驟如下:
1、首先到官網下載并安裝好云騎士數據恢復軟件（注意：軟件不能安裝在丟失盤中），打開云騎士數據恢復軟件，根據需要選擇恢復功能，這里選擇場景模式下的誤刪除文件。
2、選擇好以后選擇需要恢復數據的分區，如果是外接設備則可以將它插入電腦中，或者通過讀卡器插入電腦，點擊開始掃描。
3、掃描結束以后，你會發現有很多數據，這時我們可以通過文件類型進行查找，這里勾選其他文件類型，然后找到了需要的html格式文件。
因為文件丟失后有可能會因各種原因受損，所以遵循先預覽再恢復原則，通過預覽模式判斷文件是否正常再進行恢復。對于無法預覽或者不支持預覽的是無法判斷數據是好的還是壞的，只能恢復出來才能進行查看的。
4、接著在需要恢復的html文件前面進行勾選，選擇好以后點擊立即恢復按鈕。
5、彈出設置文件路徑窗口，將文件存儲在安全區域中（如果存儲盤不夠內存，可以外接其他設備進行存儲），點擊確定按鈕。
6、耐心等待文件導出完成，點擊查看即可查看恢復出來的html文件了。
知識普及：
導致html文件丟失常見幾種原因：
采用來源于Internet的各種各樣沒經驗證的第三方應用程序也許會使您的html文件遭遇風險。
偶爾在下載那些應用程序時，某些惡意病毒也許會進入系統并破壞html文件結構，亦或它們也許會刪除桌面上的所有html文件，因此致使大量數據丟失。
在重新分區或調整硬盤大小時，那些html文件也許會遺失。在重新分區時，一個重大的錯誤也會刪除存儲了所必需文件的分區，例如DOC、PPT、XLSX和HTML。
總結：以上就是html文件刪除恢復教程了，如果在軟件使用過程中有不懂的問題，可以咨詢專業的在線客服人員為您解答~
本文來自 yqssjhf.com>> 創作不易，轉載請注明出處。
、console 對象
console對象是 JavaScript 的原生對象，它有點像 Unix 系統的標準輸出stdout和標準錯誤stderr，可以輸出各種信息到控制臺，并且還提供了很多有用的輔助方法。
console的常見用途有兩個。
console對象的瀏覽器實現，包含在瀏覽器自帶的開發工具之中。以 Chrome 瀏覽器的“開發者工具”（Developer Tools）為例，可以使用下面三種方法的打開它。
打開開發者工具以后，頂端有多個面板。
這些面板都有各自的用途，以下只介紹Console面板（又稱為控制臺）。
Console面板基本上就是一個命令行窗口，你可以在提示符下，鍵入各種命令。
2、console 對象的靜態方法
console對象提供的各種靜態方法，用來與控制臺窗口互動。
2.1、console.log()，console.info()，console.debug()
console.log方法用于在控制臺輸出信息。它可以接受一個或多個參數，將它們連接起來輸出。
console.log('Hello World')
// Hello World
console.log('a', 'b', 'c')
// a b c
console.log方法會自動在每次輸出的結尾，添加換行符。
console.log(1);console.log(2);console.log(3); // 1// 2// 3
如果第一個參數是格式字符串（使用了格式占位符），console.log方法將依次用后面的參數替換占位符，然后再進行輸出。
console.log(' %s + %s = %s', 1, 1, 2)
// 1 + 1 = 2
上面代碼中，console.log方法的第一個參數有三個占位符（%s），第二、三、四個參數會在顯示時，依次替換掉這個三個占位符。
console.log方法支持以下占位符，不同類型的數據必須使用對應的占位符。
var number = 11 * 9;
var color = 'red';
console.log('%d %s balloons', number, color);
// 99 red balloons
上面代碼中，第二個參數是數值，對應的占位符是%d，第三個參數是字符串，對應的占位符是%s。
使用%c占位符時，對應的參數必須是 CSS 代碼，用來對輸出內容進行 CSS 渲染。
console.log( '%cThis text is styled!', 'color: red; background: yellow; font-size: 24px;')
上面代碼運行后，輸出的內容將顯示為黃底紅字。
console.log方法的兩種參數格式，可以結合在一起使用。
console.log(' %s + %s ', 1, 1, '= 2')
// 1 + 1 = 2
如果參數是一個對象，console.log會顯示該對象的值。
console.log({foo: 'bar'})
// Object {foo: "bar"}
console.log(Date)
// function Date() { [native code] }
上面代碼輸出Date對象的值，結果為一個構造函數。
console.info是console.log方法的別名，用法完全一樣。只不過console.info方法會在輸出信息的前面，加上一個藍色圖標。
console.debug方法與console.log方法類似，會在控制臺輸出調試信息。但是，默認情況下，console.debug輸出的信息不會顯示，只有在打開顯示級別在verbose的情況下，才會顯示。
console對象的所有方法，都可以被覆蓋。因此，可以按照自己的需要，定義console.log方法。
['log', 'info', 'warn', 'error'].forEach(function(method) {
console[method] = console[method].bind( console,
new Date().toISOString() );});console.log("出錯了！");
// 2014-05-18T09:00.000Z 出錯了！
上面代碼表示，使用自定義的console.log方法，可以在顯示結果添加當前時間。
2.2、console.warn()，console.error()
warn方法和error方法也是在控制臺輸出信息，它們與log方法的不同之處在于，warn方法輸出信息時，在最前面加一個黃色三角，表示警告；error方法輸出信息時，在最前面加一個紅色的叉，表示出錯。
同時，還會高亮顯示輸出文字和錯誤發生的堆棧。其他方面都一樣。
console.error('Error: %s (%i)',
'Server is not responding', 500)
// Error: Server is not responding (500)
console.warn('Warning! Too few nodes (%d)',
document.childNodes.length)
// Warning! Too few nodes (1)
可以這樣理解，log方法是寫入標準輸出（stdout），warn方法和error方法是寫入標準錯誤（stderr）。
2.3、console.table()
對于某些復合類型的數據，console.table方法可以將其轉為表格顯示。
var languages = [ { name: "JavaScript", fileExtension: ".js" }, { name: "TypeScript", fileExtension: ".ts" }, { name: "CoffeeScript", fileExtension: ".coffee" }];console.table(languages);
上面代碼的language變量，轉為表格顯示如下。
(index)namefileExtension0"JavaScript"".js"1"TypeScript"".ts"2"CoffeeScript"".coffee"
下面是顯示表格內容的例子。
var languages = { csharp: { name: "C#", paradigm: "object-oriented" },
fsharp: { name: "F#", paradigm: "functional" }};console.table(languages);
上面代碼的language，轉為表格顯示如下。
(index)nameparadigmcsharp"C#""object-oriented"fsharp"F#""functional"
2.4、console.count()
count方法用于計數，輸出它被調用了多少次。
function greet(user) { console.count();
return 'hi ' + user;}greet('bob')
// : 1// "hi bob"
greet('alice')
// : 2// "hi alice"
greet('bob')
// : 3// "hi bob"
上面代碼每次調用greet函數，內部的console.count方法就輸出執行次數。
該方法可以接受一個字符串作為參數，作為標簽，對執行次數進行分類。
function greet(user) {
console.count(user); return "hi " + user;}greet('bob')
// bob: 1// "hi bob"
greet('alice')
// alice: 1// "hi alice"
greet('bob')
// bob: 2// "hi bob"
上面代碼根據參數的不同，顯示bob執行了兩次，alice執行了一次。
2.5、console.dir()，console.dirxml()
dir方法用來對一個對象進行檢查（inspect），并以易于閱讀和打印的格式顯示。
console.log({f1: 'foo', f2: 'bar'})
// Object {f1: "foo", f2: "bar"}
console.dir({f1: 'foo', f2: 'bar'})
// Object// f1: "foo"
// f2: "bar"
// __proto__: Object
上面代碼顯示dir方法的輸出結果，比log方法更易讀，信息也更豐富。
該方法對于輸出 DOM 對象非常有用，因為會顯示 DOM 對象的所有屬性。
console.dir(document.body)
Node 環境之中，還可以指定以代碼高亮的形式輸出。
console.dir(obj, {colors: true})
dirxml方法主要用于以目錄樹的形式，顯示 DOM 節點。
console.dirxml(document.body)
如果參數不是 DOM 節點，而是普通的 JavaScript 對象，console.dirxml等同于console.dir。
console.dirxml([1, 2, 3]) // 等同于 console.dir([1, 2, 3])
2.6、console.assert()
console.assert方法主要用于程序運行過程中，進行條件判斷，如果不滿足條件，就顯示一個錯誤，但不會中斷程序執行。這樣就相當于提示用戶，內部狀態不正確。
它接受兩個參數，第一個參數是表達式，第二個參數是字符串。只有當第一個參數為false，才會提示有錯誤，在控制臺輸出第二個參數，否則不會有任何結果。
console.assert(false, '判斷條件不成立')
// Assertion failed: 判斷條件不成立// 相當于
try { if (!false) {
throw new Error('判斷條件不成立'); }} catch(e) { console.error(e);}
下面是一個例子，判斷子節點的個數是否大于等于500。
console.assert(list.childNodes.length < 500, '節點個數大于等于500')
上面代碼中，如果符合條件的節點小于500個，不會有任何輸出；只有大于等于500時，才會在控制臺提示錯誤，并且顯示指定文本。
2.7、console.time()，console.timeEnd()
這兩個方法用于計時，可以算出一個操作所花費的準確時間。
console.time('Array initialize');
var array= new Array(1000000);
for (var i = array.length - 1;
i >= 0; i--) { array[i] = new Object();};console.timeEnd('Array initialize');
// Array initialize: 1914.481ms
time方法表示計時開始，timeEnd方法表示計時結束。它們的參數是計時器的名稱。調用timeEnd方法之后，控制臺會顯示“計時器名稱: 所耗費的時間”。
2.8、console.group()，console.groupEnd()，console.groupCollapsed()
console.group和console.groupEnd這兩個方法用于將顯示的信息分組。它只在輸出大量信息時有用，分在一組的信息，可以用鼠標折疊/展開。
console.group('一級分組');
console.log('一級分組的內容');
console.group('二級分組');
console.log('二級分組的內容');console.groupEnd();
// 二級分組結束
console.groupEnd();
// 一級分組結束
上面代碼會將“二級分組”顯示在“一級分組”內部，并且“一級分組”和“二級分組”前面都有一個折疊符號，可以用來折疊本級的內容。
console.groupCollapsed方法與console.group方法很類似，唯一的區別是該組的內容，在第一次顯示時是收起的（collapsed），而不是展開的。
console.groupCollapsed('Fetching Data');
console.log('Request Sent');
console.error('Error: Server not responding (500)');
console.groupEnd();
上面代碼只顯示一行”Fetching Data“，點擊后才會展開，顯示其中包含的兩行。
2.9、console.trace()，console.clear()
console.trace方法顯示當前執行的代碼在堆棧中的調用路徑。
console.trace() // console.trace()// (anonymous function) // InjectedScript._evaluateOn // InjectedScript._evaluateAndWrap // InjectedScript.evaluate
console.clear方法用于清除當前控制臺的所有輸出，將光標回置到第一行。如果用戶選中了控制臺的“Preserve log”選項，console.clear方法將不起作用。
3、控制臺命令行 API
瀏覽器控制臺中，除了使用console對象，還可以使用一些控制臺自帶的命令行方法。
（1）$_
$_屬性返回上一個表達式的值。
2 + 2// 4$_// 4
（2）>（2）$0 - $4< -
控制臺保存了最近5個在 Elements 面板選中的 DOM 元素，>控制臺保存了最近5個在 Elements 面板選中的 DOM 元素，$0代表倒數第一個（最近一個），$1代表倒數第二個，以此類推直到$4。<>
（3）$(selector)
$(selector)返回第一個匹配的元素，等同于document.querySelector()。注意，如果頁面腳本對$有定義，則會覆蓋原始的定義。比如，頁面里面有 jQuery，控制臺執行$(selector)就會采用 jQuery 的實現，返回一個數組。
（4）$$(selector)
$$(selector)返回選中的 DOM 對象，等同于document.querySelectorAll。
（5）$x(path)
$x(path)方法返回一個數組，包含匹配特定 XPath 表達式的所有 DOM 元素。
$x("http://p[a]")
上面代碼返回所有包含a元素的p元素。
（6）inspect(object)
inspect(object)方法打開相關面板，并選中相應的元素，顯示它的細節。DOM 元素在Elements面板中顯示，比如inspect(document)會在 Elements 面板顯示document元素。JavaScript 對象在控制臺面板Profiles面板中顯示，比如inspect(window)。
（7）getEventListeners(object)
getEventListeners(object)方法返回一個對象，該對象的成員為object登記了回調函數的各種事件（比如click或keydown），每個事件對應一個數組，數組的成員為該事件的回調函數。
（8）keys(object)，values(object)
keys(object)方法返回一個數組，包含object的所有鍵名。
values(object)方法返回一個數組，包含object的所有鍵值。
var o = {'p1': 'a', 'p2': 'b'};keys(o)
// ["p1", "p2"]
values(o)// ["a", "b"]
（9）monitorEvents(object[, events]) ，unmonitorEvents(object[, events])
monitorEvents(object[, events])方法監聽特定對象上發生的特定事件。事件發生時，會返回一個Event對象，包含該事件的相關信息。unmonitorEvents方法用于停止監聽。
monitorEvents(window, "resize");monitorEvents(window, ["resize", "scroll"])
上面代碼分別表示單個事件和多個事件的監聽方法。
monitorEvents($0, 'mouse');unmonitorEvents($0, 'mousemove');
上面代碼表示如何停止監聽。
monitorEvents允許監聽同一大類的事件。所有事件可以分成四個大類。
monitorEvents($("#msg"), "key");
上面代碼表示監聽所有key大類的事件。
（10）其他方法
命令行 API 還提供以下方法。
4、debugger 語句
debugger語句主要用于除錯，作用是設置斷點。如果有正在運行的除錯工具，程序運行到debugger語句時會自動停下。如果沒有除錯工具，debugger語句不會產生任何結果，JavaScript 引擎自動跳過這一句。
Chrome 瀏覽器中，當代碼運行到debugger語句時，就會暫停運行，自動打開腳本源碼界面。
for(var i = 0;
i < 5; i++)
{ console.log(i);
if (i === 2) debugger;}
上面代碼打印出0，1，2以后，就會暫停，自動打開源碼界面，等待進一步處理。
本章節完
新希望7天免費試聽課開始報名啦，名師大咖助力你快速實現高薪就業！想要報名的小伙伴快聯系我們吧！（前面報名的小伙伴將會獲得贊助商贊助的筆記本電腦或手機哦！禮品數量有限，送完即止。）
報名熱線：400-685-6667
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
