HTML常用代碼集合，背完這些基本可以自己做表白網(wǎng)頁了

lt;marquee>...</marquee>普通卷動

<marquee behavior=slide>...</marquee>滑動

<marquee behavior=scroll>...</marquee>預(yù)設(shè)卷動

<marquee behavior=alternate>...</marquee>來回卷動

<marquee direction=down>...</marquee>向下卷動

<marquee direction=up>...</marquee>向上卷動

<marquee direction=right></marquee>向右卷動

<marquee direction=left></marquee>向左卷動

<marquee loop=2>...</marquee>卷動次數(shù)

<marquee width=180>...</marquee>設(shè)定寬度

<marquee height=30>...</marquee>設(shè)定高度

<marquee bgcolor=FF0000>...</marquee>設(shè)定背景顏色

<marquee scrollamount=30>...</marquee>設(shè)定卷動距離

<marquee scrolldelay=300>...</marquee>設(shè)定卷動時間

<!>字體效果

<h1>...</h1>標(biāo)題字(最大)

<h6>...</h6>標(biāo)題字(最小)

<b>...</b>粗體字

<strong>...</strong>粗體字(強(qiáng)調(diào))

<i>...</i>斜體字

<em>...</em>斜體字(強(qiáng)調(diào))

<dfn>...</dfn>斜體字(表示定義)

<u>...</u>底線

<ins>...</ins>底線(表示插入文字)

<strike>...</strike>橫線

<s>...</s>刪除線

<del>...</del>刪除線(表示刪除)

<kbd>...</kbd>鍵盤文字

<tt>...</tt> 打字體

<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)

<plaintext>...</plaintext>固定寬度字體(不執(zhí)行標(biāo)記符號)

<listing>...</listing> 固定寬度小字體

<font color=00ff00>...</font>字體顏色

<font size=1>...</font>最小字體

<font style =font-size:100 px>...</font>無限增大

<!>區(qū)斷標(biāo)記

<hr>水平線

<hr size=9>水平線(設(shè)定大小)

<hr width=80%>水平線(設(shè)定寬度)

<hr color=ff0000>水平線(設(shè)定顏色)

<br>(換行)

<nobr>...</nobr>水域(不換行)

<p>...</p>水域(段落)

<center>...</center>置中

<!>連結(jié)格式

<base href=位址>(預(yù)設(shè)好連結(jié)路徑)

<a href=位址></a>外部連結(jié)

<a href=位址 target=_blank></a>外部連結(jié)(另開新視窗)

<a href=位址 target=_top></a>外部連結(jié)(全視窗連結(jié))

<a href=位址 target=頁框名></a>外部連結(jié)(在指定頁框連結(jié))

<!>貼圖/音樂

<img src=圖片位址>貼圖

<img src=圖片位址 width=180>設(shè)定圖片寬度

<img src=圖片位址 height=30>設(shè)定圖片高度

<img src=圖片位址 alt=提示文字>設(shè)定圖片提示文字

<img src=圖片位址 border=1>設(shè)定圖片邊框

<bgsound src=MID音樂檔位址>背景音樂設(shè)定

<!>表格語法

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網(wǎng)址

<table border=邊框大小>...</table>設(shè)定表格邊框大小(使用數(shù)字)

<table bgcolor=顏色碼>...</table>設(shè)定表格的背景顏色

<table borderclor=顏色碼>...</table>設(shè)定表格邊框的顏色

<table borderclordark=顏色碼>...</table>設(shè)定表格暗邊框的顏色

<table borderclorlight=顏色碼>...</table>設(shè)定表格亮邊框的顏色

<table cellpadding=參數(shù)>...</table>指定內(nèi)容與格線之間的間距(使用數(shù)字)

<table cellspacing=參數(shù)>...</table>指定格線與格線之間的距離(使用數(shù)字)

<table cols=參數(shù)>...</table>指定表格的欄數(shù)

<table frame=參數(shù)>...</table>設(shè)定表格外框線的顯示方式

<table width=寬度>...</table>指定表格的寬度大小(使用數(shù)字)

<table height=高度>...</table>指定表格的高度大小(使用數(shù)字)

<td colspan=參數(shù)>...</td>指定儲存格合并欄的欄數(shù)(使用數(shù)字)

<td rowspan=參數(shù)>...</td>指定儲存格合并列的列數(shù)(使用數(shù)字)

<!>分割視窗

<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整

<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整

<frameset cols="20%,*">分割左右兩個框架

<frameset cols="20%,*,20%">分割左中右三個框架

<分割上下兩個框架

<frameset rows="20%,*,20%">分割上中下三個框架

<! - - ... - -> 注解

<a href target> 指定超連結(jié)的分割視窗

<a href=#錨的名稱> 指定錨名稱的超連結(jié)

<a href> 指定超連結(jié)

<a name=錨的名稱> 被連結(jié)點的名稱

<address>....</address> 用來顯示電子郵箱地址

<b> 粗體字

<base target> 指定超連結(jié)的分割視窗

<basefont size> 更改預(yù)設(shè)字形大小

<bgsound src> 加入背景音樂

<big> 顯示大字體

<blink> 閃爍的文字

<body text link vlink> 設(shè)定文字顏色

<body> 顯示本文

<br> 換行

<caption align> 設(shè)定表格標(biāo)題位置

<caption>...</caption> 為表格加上標(biāo)題

<center> 向中對齊

<cite>...<cite> 用於引經(jīng)據(jù)典的文字

<code>...</code> 用於列出一段程式碼

<comment>...</comment> 加上注解

<dd> 設(shè)定定義列表的項目解說

<dfn>...</dfn> 顯示"定義"文字

<dir>...</dir> 列表文字標(biāo)簽

<dl>...</dl> 設(shè)定定義列表的標(biāo)簽

<dt> 設(shè)定定義列表的項目

<em> 強(qiáng)調(diào)之用

<font face> 任意指定所用的字形

<font size> 設(shè)定字體大小

<form action> 設(shè)定戶動式表單的處理方式

<form method> 設(shè)定戶動式表單之資料傳送方式

<frame marginheight> 設(shè)定視窗的上下邊界

<frame marginwidth> 設(shè)定視窗的左右邊界

<frame name> 為分割視窗命名

<frame noresize> 鎖住分割視窗的大小

<frame scrolling> 設(shè)定分割視窗的卷軸

<frame src> 將html檔加入視窗

<frameset cols> 將視窗分割成左右的子視窗

<frameset rows> 將視窗分割成上下的子視窗

<frameset>...</frameset> 劃分分割視窗

<h1>~<h6> 設(shè)定文字大小

<head> 標(biāo)示文件資訊

<hr> 加上分格線

<html> 文件的開始與結(jié)束

<i> 斜體字

<img align> 調(diào)整圖形影像的位置

<img alt> 為你的圖形影像加注

<img dynsrc loop> 加入影片

<img height width> 插入圖片并預(yù)設(shè)圖形大小

<img hspace> 插入圖片并預(yù)設(shè)圖形的左右邊界

<img lowsrc> 預(yù)載圖片功能

<img src border> 設(shè)定圖片邊界

<img src> 插入圖片

<img vspace> 插入圖片并預(yù)設(shè)圖形的上下邊界

<input type name value> 在表單中加入輸入欄位

<isindex> 定義查詢用表單

<kbd>...</kbd> 表示使用者輸入文字

<li type>...</li> 列表的項目 ( 可指定符號 )

<marquee> 跑馬燈效果

<menu>...</menu> 條列文字標(biāo)簽

<multiple> 可同時選擇多項的列表欄

<noframe> 定義不出現(xiàn)分割視窗的文字

<ol>...</ol> 有序號的列表

<option> 定義表單中列表欄的項目

<p align> 設(shè)定對齊方向

<p> 分段

<person>...</person> 顯示人名

<pre> 使用原有排列

<samp>...</samp> 用於引用字

<select>...</select> 在表單中定義列表欄

<small> 顯示小字體

<strike> 文字加橫線

<strong> 用於加強(qiáng)語氣

<sub> 下標(biāo)字

<sup> 上標(biāo)字

<table border=n> 調(diào)整表格的寬線高度

<table cellpadding> 調(diào)整資料欄位之邊界

<table cellspacing> 調(diào)整表格線的寬度

<table height> 調(diào)整表格的高度

<table width> 調(diào)整表格的寬度

<table>...</table> 產(chǎn)生表格的標(biāo)簽

<td align> 調(diào)整表格欄位之左右對齊

<td bgcolor> 設(shè)定表格欄位之背景顏色

<td colspan rowspan> 表格欄位的合并

<td nowrap> 設(shè)定表格欄位不換行

<td valign> 調(diào)整表格欄位之上下對齊

<td width> 調(diào)整表格欄位寬度

<td>...</td> 定義表格的資料欄位

<textarea name rows cols> 表單中加入多少列的文字輸入欄

<textarea wrap> 決定文字輸入欄是自動否換行

<th>...</th> 定義表格的標(biāo)頭欄位

<title> 文件標(biāo)題

<tr>...</tr> 定義表格美一行

<tt> 打字機(jī)字體

<u> 文字加底線

<ul type>...</ul> 無序號的列表 ( 可指定符號 )

<var>...</var> 用於顯示變數(shù)

覽html網(wǎng)頁，查看其源代碼，可以幫助我們了解該版網(wǎng)頁的信息以及架構(gòu)，每個瀏覽器都是允許用戶查看他們訪問的任何網(wǎng)頁的HTML源代碼的。以下編程獅小師妹就介紹幾個常見瀏覽器的查看網(wǎng)頁 HTML 源代碼的方法。

谷歌瀏覽器 Google Chrome

僅查看源代碼

方法一

要僅查看源代碼，請按計算機(jī)鍵盤上的Ctrl+U。

方法二

右鍵單擊網(wǎng)頁的空白部分，然后從出現(xiàn)的彈出菜單中選擇“查看網(wǎng)頁源代碼(V)”。

查看包含元素的頁面源

打開 Chrome 瀏覽器，然后瀏覽要查看其源代碼的網(wǎng)頁。
點擊瀏覽器窗口右上角的“自定義及控制Google Chrome” 圖標(biāo)。
在出現(xiàn)的下拉菜單中，選擇更多工具(L)，然后選擇開發(fā)者工具(D)（快捷鍵：Ctrl+Shift+I）。
單擊屏幕底部出現(xiàn)的新部分左上角的“元素(Elements)”選項卡。

提示：
在 Chrome 中，按 F12 或 Ctrl+ Shift+I 也會調(diào)出交互式開發(fā)人員工具。此工具提供了與源代碼和 CSS 設(shè)置的更多交互，使用戶可以查看代碼中的更改如何立即影響網(wǎng)頁。

火狐瀏覽器 Mozilla Firefox

僅查看源代碼

方法一

要僅查看源代碼，請按計算機(jī)鍵盤上的 Ctrl+U。

方法二

右鍵單擊網(wǎng)頁的空白部分，然后從出現(xiàn)的彈出菜單中選擇“查看頁面源代碼(V)”。

查看包含元素的頁面源

打開 Firefox 并瀏覽您要查看其源代碼的網(wǎng)頁。
單擊屏幕右上角的菜單圖標(biāo)。
在下拉菜單中選擇Web開發(fā)者，然后從展開的菜單中選擇切換工具箱（快捷鍵：Ctrl+ Shift+I）。
單擊顯示在屏幕底部的部分左上角的“查看器”選項卡。

提示：
在 Firefox 中，按 F12 或 Ctrl+ Shift+I也會調(diào)出交互式開發(fā)人員工具。該工具提供了與源代碼和 CSS 設(shè)置的交互，使用戶可以實時查看代碼中的更改如何影響網(wǎng)頁。

查看頁面的部分源代碼

突出顯示網(wǎng)頁中您要查看其源代碼的部分。
右鍵單擊突出顯示的部分，然后選擇檢查元素(Q)。

提示：
您可以使用 Firebug 附加組件查看和編輯頁面的源代碼，并通過瀏覽器實時查看更改。

微軟 Edge

僅查看源代碼

方法一

要僅查看源代碼，請按計算機(jī)鍵盤上的Ctrl+U。

方法二

右鍵單擊網(wǎng)頁的空白部分，然后從出現(xiàn)的彈出菜單中選擇“查看頁面源代碼(V)”。

查看包含元素的頁面源

打開 Microsoft Edge 并瀏覽您要查看其源代碼的網(wǎng)頁。
點擊屏幕右上角的設(shè)置和更多 圖標(biāo)。
將鼠標(biāo)移到更多工具(L)在下拉菜單中，在展開的菜單選擇開發(fā)人員工具(D)。
單擊屏幕右側(cè)出現(xiàn)的窗口頂部的“元素(Elements)”選項卡。

提示：
在Microsoft Edge中，按F12或 Ctrl+ Shift+I 也會調(diào)出交互式開發(fā)人員工具。該工具提供了與源代碼和 CSS 設(shè)置的交互，使用戶可以實時查看代碼中的更改如何影響網(wǎng)頁。

IE瀏覽器 Microsoft Internet Explorer

僅查看源代碼

方法一

要僅查看源代碼，請按計算機(jī)鍵盤上的Ctrl+U。

方法二

右鍵單擊網(wǎng)頁的空白部分，然后從出現(xiàn)的彈出菜單中選擇查看源(V)。

查看包含元素的頁面源

打開 Internet Explorer 并瀏覽您要查看其源代碼的網(wǎng)頁。
單擊右上角的工具。
從下拉菜單中選擇F12開發(fā)人員工具。
單擊開發(fā)人員工具菜單左上角的 DOM 資源管理器 選項卡。

提示：
在 Internet Explorer 中，按 F12 會彈出 DOM 工具。該工具提供了與源代碼和 CSS 設(shè)置的交互，使用戶可以查看代碼中的更改如何立即影響網(wǎng)頁。

360安全瀏覽器

僅查看源代碼

方法一

要僅查看源代碼，請按計算機(jī)鍵盤上的Ctrl+U。

方法二

右鍵單擊網(wǎng)頁的空白部分，然后從出現(xiàn)的彈出菜單中選擇“查看網(wǎng)頁源代碼(V)”。

查看包含元素的頁面源

打開 360 安全瀏覽器，然后瀏覽要查看其源代碼的網(wǎng)頁。
點擊瀏覽器窗口右上角的打開菜單圖標(biāo)。
在出現(xiàn)的下拉菜單中，選擇更多工具(L)，然后選擇開發(fā)者工具(D)（快捷鍵：Ctrl+Shift+I）。
單擊屏幕底部出現(xiàn)的新部分左上角的“元素(Elements)”選項卡。

提示：
在 360 安全瀏覽器中，按 F12 或 Ctrl+ Shift+I 也會調(diào)出交互式開發(fā)者工具。此工具提供了與源代碼和 CSS 設(shè)置的更多交互，使用戶可以查看代碼中的更改如何立即影響網(wǎng)頁。

如何關(guān)閉源代碼頁或工具

查看完網(wǎng)頁上的源代碼后，您可能想要退出或關(guān)閉它。關(guān)閉源代碼取決于您用來打開源代碼的方法。

如果您使用了Ctrl+U 方法（Edge 除外）或右鍵單擊方法，請關(guān)閉在瀏覽器窗口頂部打開的新選項卡。
如果您使用過開發(fā)人員方法（使用 F12 或Ctrl+ Shift+I），請再次按相同的鍵，或單擊工具窗口右上角的圖標(biāo)。

使用在線工具查看源代碼

除了使用瀏覽器外，還有一些在線工具可讓您查看任何網(wǎng)頁的源代碼。這些工具可能會有所幫助，因為大多數(shù)工具都可以格式化，樣式化和突出顯示代碼，以使其易于閱讀。

以上就是編程獅W3Cschool為你整理的關(guān)于《如何在瀏覽器賬中查看網(wǎng)頁的HTML源代碼？》的全部內(nèi)容，希望對你有所幫助~

lt;!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>歡迎來到我的網(wǎng)頁</h1>

<p>這是一個簡單的 HTML 網(wǎng)頁設(shè)計。</p>

<ul>

</ul>

</body>

</html>

在這個例子中，我們創(chuàng)建了一個簡單的 HTML 網(wǎng)頁，其中包括以下元素：

<!DOCTYPE html>：告訴瀏覽器這是一個 HTML5 文件。
<html>：定義 HTML 文檔的根元素。
<head>：包含有關(guān)文檔的元數(shù)據(jù)，如標(biāo)題等。
<title>：定義網(wǎng)頁標(biāo)題，將顯示在瀏覽器標(biāo)簽頁上。
<body>：定義網(wǎng)頁的主要內(nèi)容。
<h1>：定義一個一級標(biāo)題。
<p>：定義一個段落。
<img>：定義一個圖片，并指定圖片的源和替代文本。
<ul> 和 <li>：定義一個無序列表，并列出項目。

在線咨詢

上一篇：在網(wǎng)頁開發(fā)中，我們需要掌握的常用HTML標(biāo)簽有哪些？
下一篇：css3完成實用鋸齒背景

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

HTML常用代碼集合，背完這些基本可以自己做表白網(wǎng)頁了

谷歌瀏覽器 Google Chrome

僅查看源代碼

查看包含元素的頁面源

火狐瀏覽器 Mozilla Firefox

僅查看源代碼

查看包含元素的頁面源

查看頁面的部分源代碼

微軟 Edge

僅查看源代碼

查看包含元素的頁面源

IE瀏覽器 Microsoft Internet Explorer

僅查看源代碼

查看包含元素的頁面源

360安全瀏覽器

僅查看源代碼

查看包含元素的頁面源

如何關(guān)閉源代碼頁或工具

使用在線工具查看源代碼

您的項目需求

HTML常用代碼集合，背完這些基本可以自己做表白網(wǎng)頁了