情人節html代碼
1. 求一段Html代碼
寫了差不多2個小時，才勉強實現。尷尬😅
<html>
<head>
<scripttype="text/javascript">
varmyprice=500;
functionshowmoney()
{
document.getElementById('mymoney').value=document.getElementById('howmany').value*myprice;
}
functionchangepricehalf()
{
myprice=300;
showmoney();
}
functionchangepricefull()
{
myprice=500;
showmoney()
}
</script>
</head>
<bodyonload="document.getElementById('howmany').focus()">
<h1>家裝計算器</h1><p/>
請輸入房屋面積：<inputid=howmanytype=textonkeyup="showmoney()"/>平方米<p/>
請選擇裝修方式：
<inputtype=radioname=mytypevalue=500id=mytype1checked="checked"onclick="changepricefull()">
<labelfor="mytype1"onclick="changepricefull()">全包</label>
<inputtype=radioname=mytypevalue=300id=mytype2onclick="changepricehalf()">
<labelfor="mytype2"onclick="changepricehalf()">半包</label><p/>
全包裝修費用：<inputid=mymoneytype=text/>元
</body>
</html>
2. html代碼
PS：表格的顏色自己改，拍照後顯示估計有色差。
<table cellpadding="0" cellspacing="0" width="600" bgcolor="#bebfb0" border="1" style="border-collapse:collapse;text-align:center;">
<caption>課程表</caption>
<tr>
<td colspan="2">時間\日期</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
</tr>
<tr>
<td rowspan="2">上午</td>
<td>9:30-10:15</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
</tr>
<tr>
<td>10:25-11:10</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
</tr>
<tr>
<td colspan="7"> </td>
</tr>
<tr>
<td rowspan="2">下午</td>
<td>14:30-15:15</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
</tr>
<tr>
<td>15:25-16:10</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
<td>語文</td>
</tr>
</table>
3. 請幫忙寫一段HTML代碼
<!doctypehtml>
<!--不知道你是不是要這樣，希望能幫到你-->
<html>
<head>
<metacharset="utf-8">
<styletype="text/css">
body{
text-align:center;
}
div{
font-size:18px;
font-family:"宋體";
}
</style>
</head>
<body>
<divid="cur-date">
</div>
<divid="interval">
</div>
<scripttype="text/javascript">
varopenMonth=9;//開學的月份
varopenDt=1;//開學的日期：即9月1日開學，開學的年份的計算：如果現在已經過了開學日期，則年份為（當前年份+1），否則年份為當前年份。
functiongetOpenDate(om,od){
varopenDate=newDate();
openDate.setFullYear(newDate().getFullYear());
openDate.setMonth(om-1);
openDate.setDate(od);
openDate.setHours(0);
openDate.setMinutes(0);
openDate.setSeconds(0);
openDate.setMilliseconds(0);
returnopenDate;
}
functioncount(){
varcurDate=newDate();
varcurYear=curDate.getFullYear();
varcurTime=curDate.getTime();
varopenTime=openDate.getTime();
if(openTime-curTime<0){
openDate.setFullYear(curYear+1);
openTime=openDate.getTime();
}
varintervalDays=Math.ceil((openTime-curTime)/1000/60/60/24);
returnintervalDays;
}
vard=newDate();
varopenDate=getOpenDate(openMonth,openDt);
document.getElementById("cur-date").innerHTML="今天是："+d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日";
document.getElementById("interval").innerHTML="距離"+openDate.getFullYear()+"年"+(openDate.getMonth()+1)+"月"+openDate.getDate()+"日開學還有"+count()+"天";
</script>
</body>
</html>
4. 常用的HTML代碼
常用HTML代碼解釋
一、文字
1.標題文字 <h#>..........</h#> #=1~6；h1為最大字，h6為最小字
2.字體變化 <font>..........</font>
【1】字體大小 <font size=#>..........</font> #=1~7；數字愈大字也愈大
【2】指定字型 <font face="字體名稱">..........</font>
【3】文字顏色 <font color=#rrggbb>..........</font>
rr：表紅色（red）色碼
gg：表綠色（green）色碼
bb：表藍色（blue）色碼
rrggbb也可用6位顏色代碼數字
3.顯示小字體 <small>..........</small>
4.顯示大字體 <big>..........</big>
5.粗體字 <b>..........</b>
6.斜體字 <i>..........</i>
7.打字機字體 <tt>..........</tt>
8.底線 <u>..........</u>
9.刪除線 <strike>..........</strike>
10.下標字 <sub>..........</sub>
11.上標字 <sup>..........</sup>
12.文字閃爍效果 <blink>..........</blink>
13.換行（也稱回車） <br>
14.分段 <p>
15.文字的對齊方向 <p align="#"> #號可為 left：表向左對齊（預設值） center：表向中對齊 right：表向右對齊 P.S.<p align="#">之後的文字都會以所設的對齊方式顯示，直到出現另一個<p align="#">改變其對齊方向，遇到<hr>或<h#>標簽時會自動設回預設的向左對齊。
16.分隔線 <hr>
【1】分隔線的粗細 <hr size=點數>
【2】分隔線的寬度 <hr size=點數或百分比>
【3】分隔線對齊方向 <hr align="#">
#號可為 left：表向左對齊（預設值） center：表向中對齊 right：表向右對齊
【4】分隔線的顏色 <hr color=#rrggbb>
【5】實心分隔線 <hr noshade>
17.居中對齊 <center>..........</center>
18.依原始樣式顯示 <pre>..........</pre>
19.<body>指令的屬性
【1】背景顏色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景圖案 -- background <body background="圖形文件名">
【3】設定背景圖案不會卷動 -- bgproperties <body bgproperties=fixed>
【4】文件內容文字的顏色 -- text <body text=#rrggbb>
【5】超連結文字顏色 -- link <body link=#rrggbb>
【6】正被選取的超連結文字顏色 -- vlink <body vlink=#rrggbb>
【7】已連結過的超連結文字顏色 -- alink <body alink=#rrggbb>
20.文字移動指令<MARQUEE>..........</MARQUEE>
移動速度指令是:scrollAmount=# #最小為1，速度為最慢；數字越大移動的越快。
移動方向指令是：direction=# up向上、down向下、left向左、right向右。
指令舉例：<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
二、圖片
1.插入圖片 <img src="圖形文件名">
2.設定圖框 -- border <img src="圖形文件名" border=點數>
3.設定圖形大小 -- width、height <img src="圖形文件名" width=寬度點數 height=高度點數>
4.設定圖形上下左右留空 -- vspace、hspace <img src="圖形文件名" vspace=上下留空點數 hspace=左右留空點數>
5.圖形附註 <img src="圖形文件名" alt="說明文字">
6.預載圖片
<img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"> P.S.兩個圖的圖形大小最好一致;
7.影像地圖（Image Map） <img src="圖形文件名" usemap="#圖的名稱"> <map name="圖的名稱">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL"> </map>
【1】定義形狀 -- shape
shape=rect：矩形 shape=circle：圓形 shape=poly：多邊形
【2】定義區域 -- coords
a.矩形：必須使用四個數字，前兩個數字為左上角座標，後兩個數字為右下角座標
例：<area shape=rect coords=100,50,200,75 href="URL">
b.圓形：必須使用三個數字，前兩個數字為圓心的座標，最後一個數字為半徑長度
例：<area shape=circle coords=85,155,30 href="URL">
c.任意圖形（多邊形）：將圖形之每一轉折點座標依序填入
例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
三、表格相關
1.表格標題
<caption>..........</caption>
表格標題位置 -- align
<caption align="#"> #號可為 top：表標題置於表格上方（預設值）
bottom：表標題置於表格下方
2.定義列 <tr>
3.定義欄位 《1》<td>：靠左對齊
《2》<th>：靠中對齊ⅱ粗體
【1】水平位置 -- align <th align="#">
#號可為 left：向左對齊 center：向中對齊 right：向右對齊
【2】垂直位置 -- align <th align="#"> #號可為
top：向上對齊 middle：向中對齊 bottom：向下對齊
【3】欄位寬度 -- width <th width=點數或百分比>
【4】欄位垂直合並 -- rowspan <th rowspan=欲合並欄位數>
【5】欄位橫向合並 -- colspan <th colspan=欲合並欄位數>
四、表格的主要屬性
1. <table>標記的主要屬性
align定義表格的對齊方式，有三個屬性值center，left，right
background定義表格的背景圖案，屬性值為圖片的地址
bgcolor定義表格的背景顏色，屬性值是各種顏色代碼
border定義表格的邊框寬度，屬性值是數字
bordercolor定義表格邊框的顏色，屬性值是各種顏色代碼
cellpadding定義單元格內容與單元格邊框之間的距離，屬性值是數字
cellspacing定義表格中單元格之間的距離
height定義表格的高度，屬性值是數字
width定義表格的寬度，屬性值是數字
2. <tr>標記，表格是由多行與多列組成的，<tr>標記用來定義表格的一行，他的屬性極其屬性值定義的是表格中的該行，其主要屬性與屬性值如下：
align定義對齊方式，屬性值與上同
background定義背景圖案 bgcolor定義背景色
3. <td>標記。用<td>標記概況起來的內容表示表格的單元。其主要屬性與屬性值和<table>標記的一樣，補充兩個合並列和行的代碼：
colspan定義合並表格的列數，屬性值是數字
rowspan定義合並表格的行數，屬性值是數字
五、FRAME
1、分割視窗指令 <frameset>..........</frameset>
【1】垂直（上下）分割 -- rows
<frameset rows=#> #號可為點數：
如欲分割為100,200,300三個視窗，則<frameset rows=100,200,300>；
亦可以*號代表，如<frameset rows=*,500,*>
百分比：如<frameset rows=30%,70%>，各項總和最好為100%;
【2】水平（左右）分割 -- cols <frameset cols=點數或百分比>
2、指定視窗內容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定視窗的文件名稱 -- src <frame src=HTML檔名>
【2】定義視窗的名稱 -- name
<frame name=視窗名稱>
【3】設定文件與上下邊框的距離 -- marginheight
<frame marginheight=點數>
【4】設定文件與左右邊框的距離 -- marginwidth
<frame marginwidth=點數>
【5】設定分割視窗卷軸 -- scrolling
<frame scrolling=#> #號可為 yes：固定出現卷軸
no：不出現卷軸
auto：自動判斷文件大小需不需要卷軸（預設值）
【6】鎖住分割視窗的大小 -- noresize <frame noresize>
六、歌曲代碼:
在這組代碼中，不必管它是mms.http.rtsp，只要看尾綴是asf、wma、wmv、wmv、rm都可適用下面的代碼:
1. 手動播放:
<EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">
2. 打開頁面自動播放:
<EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
------------------------------------------------------------------
套用代碼:
<div align="center">
<table border="1" width="90%" height="403" background="背景圖片地址">
<tr><td width="80%" height="100%">
<p align="center"><br><br><br>
<font face="華文彩雲" size="6" color="#FFFFFF">歌曲或音樂名稱</font><br><br>
<p align="center"><img src="圖片地址"><br><br>
<font color="#FFFFFF" size=3>介紹文字</font><br><br><br>
<EMBED style="FILTER: xray()" src=音樂地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br>
</td></tr>
</table>
</div>
簡易套用代碼詳解:
<div align="center">是定義帖子居中;
<table border="1" width="90%" height="403" background="背景圖片地址"><tr><td width="80%" height="100%">
這其中的border="1"是定義表格邊線的寬度,定義為0則無邊線;width="90%" height="403"分別定義背景圖表格的寬度和高度.如果背景圖是一張大圖,可以這樣定義:width=圖片寬度 height=圖片高度
<p align="center"><br><br><br><font face="華文彩雲" size="6" color="#FFFFFF">歌曲或音樂名稱</font><br><br>
<p align="center">是定義文字居中的，<br>是回行代碼，加幾個就會空幾行。<font face="華文彩雲" size="6" color="#FFFFFF">是定義文字屬性的。face="華文彩雲"是定義字體，你可以把字體換成隸書、宋體等。size="6"是定義字型大小的，數字越大字越大，如果不定義，默認是2號字。color="#FFFFFF"是定義字體顏色的。全部字體顏色的代碼在妙手飾圖區有人發過，你可以找來改。
<p align="center"><img src="圖片地址"><br><br><font color="#FFFFFF">介紹文字</font><br><br><br>
第一個括弧里的代碼仍然是定義圖片和文字居中的。<img src="圖片地址">是插入圖片代碼。<font color="#FFFFFF" size=3>介紹文字</font>是定義這段文字的。如果想改變字擰⒆痔濉⒆值難丈
5. 幫我找一份完整的求愛 HTML代碼
<html>
<head>
<title>我愛你</title>
<style type="text/css">
<!--
.STYLE1 {
font-size: 21px;
color: #FF00FF;
}
-->
</style>
</head>
<body>
<script language="JavaScript1.2">
var it=0
function initialize(){
mytext=typing.innerText
var myheight=typing.offsetHeight
typing.innerText=''
document.all.typing.style.height=myheight
document.all.typing.style.visibility="visible"
typeit()
}
function typeit(){
typing.insertAdjacentText("beforeEnd",mytext.charAt(it))
if (it<mytext.length-1){
it++
setTimeout("typeit()",100)
}
else
return
}
if (document.all)
document.body.onload=initialize
</script>
<table width="75%" border="0" align="center">
<tr>
<td align="center"><span class="STYLE1" id="typing" style="visibility:hidden" align="center">在這里輸入你寫好的文章
</span></td>
</tr></table>
</body>
</html>
6. 尋要HTML戀愛的代碼
http://hi..com/passer%5Fmworld%5Fchen/blog/item/9748cc893875c4749e2fb49f.html
7. 用HTML代碼怎樣編寫一個顯示九百九十九朵玫瑰
額 情人節都過去了啊
你要是純css html寫的糾結死了
即使js的話也是夠麻煩了
再即使做出來兼容性也不會很好
你可以查看下以前一個牛人搞的 機器貓圖片
還是直接買個花花給對方吧 說點甜言蜜語比那個好多了