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

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

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

<marquee behavior=scroll>...</marquee>預設卷動

<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>設定寬度

<marquee height=30>...</marquee>設定高度

<marquee bgcolor=FF0000>...</marquee>設定背景顏色

<marquee scrollamount=30>...</marquee>設定卷動距離

<marquee scrolldelay=300>...</marquee>設定卷動時間

<!>字體效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<!>區(qū)斷標記

<hr>水平線

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

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

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

<br>(換行)

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

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

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

<!>連結格式

<base href=位址>(預設好連結路徑)

<a href=位址></a>外部連結

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

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

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

<!>貼圖/音樂

<img src=圖片位址>貼圖

<img src=圖片位址 width=180>設定圖片寬度

<img src=圖片位址 height=30>設定圖片高度

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

<img src=圖片位址 border=1>設定圖片邊框

<bgsound src=MID音樂檔位址>背景音樂設定

<!>表格語法

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

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

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

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

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

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

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

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

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

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

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

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

<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> 指定超連結的分割視窗

<a href=#錨的名稱> 指定錨名稱的超連結

<a href> 指定超連結

<a name=錨的名稱> 被連結點的名稱

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

<b> 粗體字

<base target> 指定超連結的分割視窗

<basefont size> 更改預設字形大小

<bgsound src> 加入背景音樂

<big> 顯示大字體

<blink> 閃爍的文字

<body text link vlink> 設定文字顏色

<body> 顯示本文

<br> 換行

<caption align> 設定表格標題位置

<caption>...</caption> 為表格加上標題

<center> 向中對齊

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

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

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

<dd> 設定定義列表的項目解說

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

<dir>...</dir> 列表文字標簽

<dl>...</dl> 設定定義列表的標簽

<dt> 設定定義列表的項目

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

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

<font size> 設定字體大小

<form action> 設定戶動式表單的處理方式

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

<frame marginheight> 設定視窗的上下邊界

<frame marginwidth> 設定視窗的左右邊界

<frame name> 為分割視窗命名

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

<frame scrolling> 設定分割視窗的卷軸

<frame src> 將html檔加入視窗

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

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

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

<h1>~<h6> 設定文字大小

<head> 標示文件資訊

<hr> 加上分格線

<html> 文件的開始與結束

<i> 斜體字

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

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

<img dynsrc loop> 加入影片

<img height width> 插入圖片并預設圖形大小

<img hspace> 插入圖片并預設圖形的左右邊界

<img lowsrc> 預載圖片功能

<img src border> 設定圖片邊界

<img src> 插入圖片

<img vspace> 插入圖片并預設圖形的上下邊界

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

<isindex> 定義查詢用表單

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

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

<marquee> 跑馬燈效果

<menu>...</menu> 條列文字標簽

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

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

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

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

<p align> 設定對齊方向

<p> 分段

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

<pre> 使用原有排列

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

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

<small> 顯示小字體

<strike> 文字加橫線

<strong> 用於加強語氣

<sub> 下標字

<sup> 上標字

<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)生表格的標簽

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

<td bgcolor> 設定表格欄位之背景顏色

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

<td nowrap> 設定表格欄位不換行

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

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

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

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

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

<th>...</th> 定義表格的標頭欄位

<title> 文件標題

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

<tt> 打字機字體

<u> 文字加底線

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

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

知道各位朋友是如何表白的？作為一名的程序員，除了天天肝項目、改BUG之外和保護好頭發(fā)之外，找女朋友也是一件至關重要的事，畢竟父母這兩位"產(chǎn)品經(jīng)理"可天天念叨！

這不從互聯(lián)網(wǎng)上搜集了一些表白網(wǎng)頁源代碼，總共有18款，供大家參考學習，多余的話我就不說了，大家操練起來，部署上線自己的項目。由于項目比較多，我這里僅展示幾款比較養(yǎng)眼的。

image

注：以下網(wǎng)站均包含動態(tài)效果，截圖時僅采用靜態(tài)圖片呈現(xiàn)。

表白網(wǎng)站01

有點非主流的html做的網(wǎng)頁效果，不知道現(xiàn)在的朋友們會不會喜歡這種風格。可以將你們的大頭貼貼在上面。

表白網(wǎng)站02

將你的想對那個Ta說的話寫在左邊，右邊是緩緩飄落的愛心，是不是很浪漫呢？

表白網(wǎng)站03

這一款和上面的網(wǎng)站類似，增加了右側(cè)相框功能，可以把你們的照片放在右邊，點擊鼠標時會輪播切換，是不是很有趣呢？

表白網(wǎng)站04

這一款雖然也和前面的網(wǎng)站類似，但這個動態(tài)效果確實不錯，擁有浪漫的愛心和飄落的雪花。

表白網(wǎng)站05

這款是交互式的網(wǎng)站，可以手動制定不同的場景，把你想對Ta說的話寫下來。

點擊右下角的愛心圖標可以切換。

下面展示一些場景：

表白網(wǎng)站06

還有一些其它的樣式~

旋轉(zhuǎn)相冊

也有這種選裝相冊類型的，可以使用鼠標拖動和選裝，呈現(xiàn)3D的效果，放上Ta的照片，效果拉滿！

旋轉(zhuǎn)時鐘

還有這種旋轉(zhuǎn)時鐘類型的網(wǎng)頁，也可以拿到源碼后根據(jù)自己的需求稍做修改或嵌入自己的網(wǎng)站中都是不錯的方式。

唯美類

還有這類比較唯美的網(wǎng)頁，相信大家也比較喜歡。

含蓄類

如果你不好意思當面開口，還可以發(fā)這樣的網(wǎng)站給那個TA

尾巴

如果想查看效果，我已經(jīng)貼心地放網(wǎng)站整理到演示站點上了，可以訪問以下網(wǎng)址查看效果：

https://aoarasi.com/archives/biaobai

如果想獲得此源碼，請在后臺回復關鍵字 「表白」 獲取，如果不會建站或遇到問題也可以聯(lián)系我。

科技/APP/游戲，「狂丸科學」可能是你見過最好玩的號

明天就是傳說中的「七夕情人節(jié)」，不知道各位小（dan）伙（shen）伴（gou）們有沒有為自己心儀的對象準備禮物呢。這都8102年了，如果你還在為了送玫瑰花還是送口紅這樣的事情糾結，可就有點說不過去了。

今天狂丸就給大家安利一個浪漫的表白網(wǎng)頁在線生成網(wǎng)站：《表白驛站》。只要進行簡單的設置，不用寫代碼也能制作出屬于你的精美七夕表白網(wǎng)頁。

網(wǎng)站目前一共包含了13個風格不同的表白網(wǎng)頁，玩家可以逐個點擊進去查看效果演示，然后再進行挑選。

選擇完成后，點擊圖片下方的「立即制作」即可進入編輯頁面。在這一界面玩家可以對最終顯示的網(wǎng)頁信息進行更改，比如你的名字、Ta的名字、背景音樂等等。

而其中最重要的就是表白內(nèi)容了，在8102年，想靠「我愛你」「我喜歡你」「做我女朋友吧」這種單調(diào)且毫無營養(yǎng)的語言成功撩妹顯然是不太可能。

不如嘗試一下今年最火的「土味情話系列」，給你浪漫的表白網(wǎng)頁增添一些幽默和風趣。

（土味情話三連）

用土味情話將內(nèi)容填滿后就可以點擊「提交」，出現(xiàn)如下頁面就說明你的表白網(wǎng)頁就制作成功了，注意一定要復制保存好自己的專屬表白鏈接，以防不小心關閉網(wǎng)頁后忘記。

玩家只要把最后生成的網(wǎng)址發(fā)送給想要表白的對象，對方點擊以后就會進入你制作好的表白網(wǎng)頁，土味情話加上溫馨的網(wǎng)頁動畫，相信再也不會有比這更浪漫有趣的表白禮物了。

《表白驛站》中的每一個網(wǎng)頁都有專屬的風格，比如這個「男孩七夕節(jié)送花表白網(wǎng)頁」。玩家需要填寫的信息只有對方的姓名，完成過后的效果就是一個可愛的動畫小短片。

還有可以讓對方與網(wǎng)站進行交互的「阿貍表白網(wǎng)頁」，被表白人每按一下鍵盤上的「↓」方向鍵，網(wǎng)頁就會更換一張圖片，或者移動鼠標在右下角進行選擇也可以。并且每一張的圖片上都有可編輯的句子，按一下鍵盤上的「ESC」鍵還會有驚喜出現(xiàn)。

不過這個版本的制作過程也比較復雜，玩家需要修改每一張圖片上的文字，直接在文字上單擊鼠標進行編輯就可以。全部完成后點擊「保存修改」，就可以發(fā)送給別人了。

除了上面幾種，玩家還可以選擇粒子文字特效、簡單打字機、多頁文字特效等其他的在線表白網(wǎng)頁，總有一類適合你。

當然了，如果十三種都用過了，還是沒有人接受你的話，那就真的不是網(wǎng)站沒有作用。要么就是你在網(wǎng)頁中沒有合理的運用「土味情況」，要么就是，你......真的......不適合......過七夕......

↓猛戳左下角「了解更多」，更多精彩就在下方

在線咨詢

上一篇：canvas-移動和旋轉(zhuǎn)
下一篇：更好的緩存技術可以提高網(wǎng)站響應速度

您的項目需求

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

整合營銷服務商

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

表白網(wǎng)站01

旋轉(zhuǎn)時鐘

唯美類

尾巴

科技/APP/游戲，「狂丸科學」可能是你見過最好玩的 號

您的項目需求

科技/APP/游戲，「狂丸科學」可能是你見過最好玩的號