HTML常用代码集合，背完这些基本可以自己做表白网页了

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>卷动次数

<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>粗体字(强调)

<i>...</i>斜体字

<em>...</em>斜体字(强调)

<dfn>...</dfn>斜体字(表示定义)

<u>...</u>底线

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

<strike>...</strike>横线

<s>...</s>删除线

<del>...</del>删除线(表示删除)

<kbd>...</kbd>键盘文字

<tt>...</tt> 打字体

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

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)

<listing>...</listing> 固定宽度小字体

<font color=00ff00>...</font>字体颜色

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

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

<!>区断标记

<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=就是路径网址

<table border=边框大小>...</table>设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>设定表格的背景颜色

<table borderclor=颜色码>...</table>设定表格边框的颜色

<table borderclordark=颜色码>...</table>设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)

<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)

<table cols=参数>...</table>指定表格的栏数

<table frame=参数>...</table>设定表格外框线的显示方式

<table width=宽度>...</table>指定表格的宽度大小(使用数字)

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

<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

<!>分割视窗

<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

<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> 用於引经据典的文字

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

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

<dd> 设定定义列表的项目解说

<dfn>...</dfn> 显示"定义"文字

<dir>...</dir> 列表文字标签

<dl>...</dl> 设定定义列表的标签

<dt> 设定定义列表的项目

<em> 强调之用

<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> 调整图形影像的位置

<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> 定义不出现分割视窗的文字

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

<option> 定义表单中列表栏的项目

<p align> 设定对齐方向

<p> 分段

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

<pre> 使用原有排列

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

<select>...</select> 在表单中定义列表栏

<small> 显示小字体

<strike> 文字加横线

<strong> 用於加强语气

<sub> 下标字

<sup> 上标字

<table border=n> 调整表格的宽线高度

<table cellpadding> 调整资料栏位之边界

<table cellspacing> 调整表格线的宽度

<table height> 调整表格的高度

<table width> 调整表格的宽度

<table>...</table> 产生表格的标签

<td align> 调整表格栏位之左右对齐

<td bgcolor> 设定表格栏位之背景颜色

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

<td nowrap> 设定表格栏位不换行

<td valign> 调整表格栏位之上下对齐

<td width> 调整表格栏位宽度

<td>...</td> 定义表格的资料栏位

<textarea name rows cols> 表单中加入多少列的文字输入栏

<textarea wrap> 决定文字输入栏是自动否换行

<th>...</th> 定义表格的标头栏位

<title> 文件标题

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

<tt> 打字机字体

<u> 文字加底线

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

<var>...</var> 用於显示变数

知道各位朋友是如何表白的？作为一名的程序员，除了天天肝项目、改BUG之外和保护好头发之外，找女朋友也是一件至关重要的事，毕竟父母这两位"产品经理"可天天念叨！

这不从互联网上搜集了一些表白网页源代码，总共有18款，供大家参考学习，多余的话我就不说了，大家操练起来，部署上线自己的项目。由于项目比较多，我这里仅展示几款比较养眼的。

image

注：以下网站均包含动态效果，截图时仅采用静态图片呈现。

表白网站01

有点非主流的html做的网页效果，不知道现在的朋友们会不会喜欢这种风格。可以将你们的大头贴贴在上面。

表白网站02

将你的想对那个Ta说的话写在左边，右边是缓缓飘落的爱心，是不是很浪漫呢？

表白网站03

这一款和上面的网站类似，增加了右侧相框功能，可以把你们的照片放在右边，点击鼠标时会轮播切换，是不是很有趣呢？

表白网站04

这一款虽然也和前面的网站类似，但这个动态效果确实不错，拥有浪漫的爱心和飘落的雪花。

表白网站05

这款是交互式的网站，可以手动制定不同的场景，把你想对Ta说的话写下来。

点击右下角的爱心图标可以切换。

下面展示一些场景：

表白网站06

还有一些其它的样式~

旋转相册

也有这种选装相册类型的，可以使用鼠标拖动和选装，呈现3D的效果，放上Ta的照片，效果拉满！

旋转时钟

还有这种旋转时钟类型的网页，也可以拿到源码后根据自己的需求稍做修改或嵌入自己的网站中都是不错的方式。

唯美类

还有这类比较唯美的网页，相信大家也比较喜欢。

含蓄类

如果你不好意思当面开口，还可以发这样的网站给那个TA

尾巴

如果想查看效果，我已经贴心地放网站整理到演示站点上了，可以访问以下网址查看效果：

https://aoarasi.com/archives/biaobai

如果想获得此源码，请在后台回复关键字 「表白」 获取，如果不会建站或遇到问题也可以联系我。

科技/APP/游戏，「狂丸科学」可能是你见过最好玩的号

明天就是传说中的「七夕情人节」，不知道各位小（dan）伙（shen）伴（gou）们有没有为自己心仪的对象准备礼物呢。这都8102年了，如果你还在为了送玫瑰花还是送口红这样的事情纠结，可就有点说不过去了。

今天狂丸就给大家安利一个浪漫的表白网页在线生成网站：《表白驿站》。只要进行简单的设置，不用写代码也能制作出属于你的精美七夕表白网页。

网站目前一共包含了13个风格不同的表白网页，玩家可以逐个点击进去查看效果演示，然后再进行挑选。

选择完成后，点击图片下方的「立即制作」即可进入编辑页面。在这一界面玩家可以对最终显示的网页信息进行更改，比如你的名字、Ta的名字、背景音乐等等。

而其中最重要的就是表白内容了，在8102年，想靠「我爱你」「我喜欢你」「做我女朋友吧」这种单调且毫无营养的语言成功撩妹显然是不太可能。

不如尝试一下今年最火的「土味情话系列」，给你浪漫的表白网页增添一些幽默和风趣。

（土味情话三连）

用土味情话将内容填满后就可以点击「提交」，出现如下页面就说明你的表白网页就制作成功了，注意一定要复制保存好自己的专属表白链接，以防不小心关闭网页后忘记。

玩家只要把最后生成的网址发送给想要表白的对象，对方点击以后就会进入你制作好的表白网页，土味情话加上温馨的网页动画，相信再也不会有比这更浪漫有趣的表白礼物了。

《表白驿站》中的每一个网页都有专属的风格，比如这个「男孩七夕节送花表白网页」。玩家需要填写的信息只有对方的姓名，完成过后的效果就是一个可爱的动画小短片。

还有可以让对方与网站进行交互的「阿狸表白网页」，被表白人每按一下键盘上的「↓」方向键，网页就会更换一张图片，或者移动鼠标在右下角进行选择也可以。并且每一张的图片上都有可编辑的句子，按一下键盘上的「ESC」键还会有惊喜出现。

不过这个版本的制作过程也比较复杂，玩家需要修改每一张图片上的文字，直接在文字上单击鼠标进行编辑就可以。全部完成后点击「保存修改」，就可以发送给别人了。

除了上面几种，玩家还可以选择粒子文字特效、简单打字机、多页文字特效等其他的在线表白网页，总有一类适合你。

当然了，如果十三种都用过了，还是没有人接受你的话，那就真的不是网站没有作用。要么就是你在网页中没有合理的运用「土味情况」，要么就是，你......真的......不适合......过七夕......

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

在线咨询

上一篇：canvas-移动和旋转
下一篇：更好的缓存技术可以提高网站响应速度

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

HTML常用代码集合，背完这些基本可以自己做表白网页了

表白网站01

旋转时钟

唯美类

尾巴

科技/APP/游戏，「狂丸科学」可能是你见过最好玩的 号

您的项目需求

科技/APP/游戏，「狂丸科学」可能是你见过最好玩的号