html網(wǎng)頁制作代碼大全表格(html 網(wǎng)頁制作)
本篇文章給大家談談html網(wǎng)頁制作代碼大全表格,以及html 網(wǎng)頁制作對應的知識點,希望對各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
- 1、html做個表格代碼
- 2、HTML網(wǎng)頁表格代碼編寫?
- 3、用表格和表單制作如下網(wǎng)頁。完整html代碼
- 4、網(wǎng)頁設計常用HTML代碼
- 5、如何用HTML來制作表格?
- 6、怎樣在html頁面中制作一個簡單的表格?
html做個表格代碼
html做個表格的步驟如下:
1、首先新建一個html,點擊body/body中間,先填入表格內(nèi)容;
2、內(nèi)容根據(jù)需求來寫即可,示例代碼如下:
table
p style="text-align:center "功課表/p
tr
th語文/th
td7:00-7:40/td
td7:50-8:30/td
/tr
tr
th數(shù)學/th
td7:00-7:40/td
td7:50-8:30/td
/tr
tr
th英文/th
td7:00-7:40/td
td7:50-8:30/td
/tr
/table
3、然后在head/head中間輸入樣式表的樣式;
4、樣式也根據(jù)個人的需求來設置即可,設置單元格的寬度高度,合并單元格,位置,顏色等等,示例代碼如下:
style type="text/css"
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
text-align :center;
}? ?
/style
5、這里需要注意這個代碼“table”的意義是將表格邊框合并為單一的邊框,將相鄰變合并。
6、預覽結(jié)果如下所示,一個簡單的表格就制作出來了。
HTML網(wǎng)頁表格代碼編寫?
1、我們打開記事本進入下圖界面。
2、我們要輸入制作表格的標簽,框內(nèi),這個標簽里面,我們額外輸入了border=\"1\",這個就是邊框為1的意思。
3、大家都知道表格是由行和列組成,html里面是一行一行的輸入,我們需要輸入下圖框內(nèi)的行的標簽。
4、一行又是由多列組成,我們需要輸入一行中的每列的數(shù)據(jù),就需要下圖框內(nèi)的標簽,標簽中我們輸入的姓名作為內(nèi)容,這樣就表示表格的第一行第一列的內(nèi)容。
5、這樣我們就可以制作一個兩行兩列的表格,代碼。
6、打開網(wǎng)頁后,出現(xiàn)下圖的表格。
用表格和表單制作如下網(wǎng)頁。完整html代碼
1、使用標簽table/table定義網(wǎng)頁的表格,使用style賦值類型將顯示在網(wǎng)頁。
2、使用tr標簽定義行,使用th定義表頭,表頭的文字自動加粗。
3、tr和td標簽配合,定義每行中的表格數(shù)量,現(xiàn)在定義3行5列的表格。
4、使用caption/caption定義表格的標題。
5、表格分為三個部分,表頭部,表主體,表尾部。
6、表頭部和主體分別放標題和表格的內(nèi)容,而表的尾部通常放的是頁數(shù)。
網(wǎng)頁設計常用HTML代碼
網(wǎng)頁設計常用HTML代碼大全
HTML是用來描述網(wǎng)頁的一種語言。下面我為大家分享HTML代碼,希望對大家學習html代碼有幫助!
忽視右鍵
body oncontextmenu="return false"
或
body style="overflow-y:hidden"
1.如何幾秒后轉(zhuǎn)到別的頁面?
META HTTP-EQUIV="Refresh" CONTENT="時間;URL=地址"
2.點擊關閉窗口
a href="javascript:top.window.close();"點擊關閉窗口/a!
3.請問如何去掉主頁右面的滾動條?
body scroll="no"
body style="overflow-y:hidden"
4.請問如何做到讓一個網(wǎng)頁自動關閉.
html
head
OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
param name="Command" value="Close"
/object
/head
body onload="window.setTimeout(‘‘‘‘closes.Click()‘‘‘‘,10000)"
這個窗口會在10秒過后自動關閉,而且不會出現(xiàn)提示. /body
如何在不刷新頁面的情況下刷新css?
style
button{ color:#000000;}
/style
button onclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色/button
請問如何讓網(wǎng)頁自動刷新?
在head部記入META HTTP-EQUIV="Refresh" content="20"其中20為20秒后自動刷新,你可以更改為任意值。
5.如何讓頁面自動刷新?
方法一,用refresh
HTML 代碼片段如下:
head
meta http-equiv="refresh" content="5"
/head
5表示刷新時間
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
方法二,使用setTimeout控制
img src=/logo.gif
script
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
/script
6.如何讓超鏈接沒有下劃線
在源代碼中的HEAD…/HEAD之間輸入如下代碼:
style type="text/css" !--
a { text-decoration: none}
-- /style
7.請問如何去掉IE的上下滾動條?
body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘
/body
8.怎樣才能把RealPlayer文件在網(wǎng)頁做一個試聽連接?
embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton"
9.如何用html實現(xiàn)瀏覽器上后退按鈕的功能?
a href="java script:history.go(-1)"點擊后退/a
或者
script history.back() /script
10.請問怎么在網(wǎng)頁中改變鼠標的箭頭形狀?
HTML 代碼片段如下:
body
a href="#" style="cursor: auto;"auto/abr
a href="#" style="cursor: crosshair "crosshair /abr
a href="#" style="cursor: default "default /abr
a href="#" style="cursor: hand "hand /abr
a href="#" style="cursor: move "move /abr
a href="#" style="cursor: e-resize "e-resize /abr
a href="#" style="cursor: ne-resize "ne-resize /abr
a href="#" style="cursor: nw-resize"nw-resize/abr
a href="#" style="cursor: n-resize"n-resize/abr
a href="#" style="cursor: se-resize"se-resize/abr
a href="#" style="cursor: sw-resize"sw-resize/abr
a href="#" style="cursor: s-resize"s-resize/abr
a href="#" style="cursor: w-resize"w-resize/abr
a href="#" style="cursor: text"text/abr
a href="#" style="cursor: wait"wait/abr
a href="#" style="cursor: help"help/abr
/body
11.怎樣不使用頁面的緩存?即每一次打開頁面時不是調(diào)用緩存中的東西
META HTTP-EQUIV="Pragma" CONTENT="no-cache"
12.頁面打開時自動彈出一個窗口的代碼怎么寫?
HTML 代碼片段如下:
html
head
titleUntitled Document/title
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
script language="B style="color:black;background-color:#A0FFFF"javascript/B"
!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//--
/script
/head
body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow(‘‘‘‘‘‘‘‘,‘‘‘‘,‘‘‘‘width=400,height=400‘‘‘‘)"
/body
/html
13.如何讓我的頁面出現(xiàn)一個會講話的小人?Merlin
HTML 代碼片段如下:
HTML
HEAD
TITLE默林/TITLE
META http-equiv=Content-Type content="text/html; charset=gb2312"
/HEAD
BODY
pOBJECT id=sims classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F
/OBJECT
SCRIPT
var MerlinID;
var MerlinACS;
sims.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林!");
Merlin.Play("Pleased");
Merlin.Think("可愛嗎?");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈!");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS){
LoadReq = sims.Characters.Load(CharID, CharACS);
return(true);
}
/SCRIPT
/p
p /p
p看此效果必須裝有office2000?。?!/p
/BODY
/HTML
14.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
HTML 代碼片段如下:
htmlhead
STYLE
body {background-image:url(logo.gif);
background-repeat:no-repeat; background-position:center }
/STYLE
/head
body bgproperties="fixed"
/body
/html
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
background-repeat:no-repeat; 是讓背景圖不占滿整個頁面
body bgproperties="fixed" 是拉動scroll時背景圖不動
15.文本輸入框什么屬性能實現(xiàn)不可輸入?
HTML 代碼片段如下:
input type="text" name="textfield" disabled
或者
input type="text" name="textfield" readonly
16.如何禁止自己的頁面在別人的框架里打開?
把以下代碼加至你的head區(qū)
script
if (window.top!=self){
window.top.location=self.location
}
/script
17.如何實現(xiàn)首頁全屏幕顯示?
HTML 代碼片段如下:
html
bodyscript language="B style="color:black;background-color:#A0FFFF"javascript/B"
var coolw=642
var coolh=400
var coolhuang=window.open("","coolhuang","width="+coolw+",height="+coolh+",
fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")
window.close()
/script/body/html
18.如何監(jiān)聽一個窗口被關閉了?
HTML 代碼片段如下:
body onunload="alert(‘‘‘‘你關閉了這個窗口‘‘‘‘)"
19.如何禁止Ctrl+N?
HTML 代碼片段如下:
body onkeydown=return(!(event.keyCode==78event.ctrlKey))
如何把頁面加入用戶的收藏夾?
HTML 代碼片段如下:
a href="B style="color:black;background-color:#A0FFFF"javascript/B:window.external.AddFavorite(‘‘‘‘‘‘‘‘,‘‘‘‘無憂腳本‘‘‘‘)"收藏無憂腳本/a
如何在我的'頁面中加入背景音樂?
IE: bgsound src="*.mid" loop=infinite
NS:embed src="*.mid" autostart=true hidden=true loop=true
*.mid你的背景音樂的midi格式文件
關于頁面轉(zhuǎn)換效果
meta http-equiv="page-enter" content="revealTrans(Duration=4,Transition=23)"
或
meta http-equiv="page-exit" content="revealTrans(Duration=4,Transition=23)"
說明:Transition=23是隨機效果,另可以選0-22任一數(shù)字固定某個效果
如何設定打開頁面的大小
HTML 代碼片段如下:
body onload="top.resizeTo(300,200);"!--(width,height)--
怎樣雙擊滾屏,單擊停止?
HTML 代碼片段如下:
html
head
title新網(wǎng)頁1/title
/head
body
script language"B style="color:black;background-color:#A0FFFF"javascript/B"
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
/script
pa/ppa/ppa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppa/p
/body
/html
如何讓body中的文字不被選中?
HTML 代碼片段如下:
body onselectstart="return false" aaa/body
如何讓彈出的窗口不能關閉?
在新開的窗口中加入如下代碼
body onunload=open(location.href)
/body
如何讓瀏覽器在保存頁面時保存失???
HTML 代碼片段如下:
NOSCRIPT
B style="color:black;background-color:#ffff66"IFRAME/B SRC="*.html"
/B style="color:black;background-color:#ffff66"IFRAME/B
/NOSCRIPT
表單中如何用圖片按鈕實現(xiàn) reset?
html
head
script
function aaa(){
document.forms[0].reset()
}
/script
/head
body
form
textarea rows="2" name="S1" cols="20"/textarea
input type="submit" values="提交" name="B1"
image src="logo.gif" onclick=aaa()
/form
/body/html
進入網(wǎng)頁時彈出的信息對話框
body onLoad="window.alert(‘‘‘‘歡迎光臨本站‘‘‘‘)"
關閉窗口后彈出對話框
body onUnload="window.alert(‘‘‘‘謝謝你的光臨!歡迎下次再來!‘‘‘‘)"
告別提示
body onUnload= alert("再見,感謝你的訪問!")
右鍵菜單的制作
OBJECT id=menu type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
PARAM name="Command" value="Related Topics,menu"
PARAM name="Item1" value="動易;"
PARAM name="Item2" value="搜狐;"
PARAM name="Item3" value="新浪;"
PARAM name="Item4" value="網(wǎng)易;"
PARAM name="Item5" value="互動學院;"
/OBJECT script if (document.all) document.body.onmousedown=new Function("if (event.button==2) menu.Click();") /script
下拉菜單
object id=HHCtrl type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" PARAM name="Command" value="Related Topics,Menu" PARAM name="Item1" value="aspease;" PARAM name="Item2" value="byhu;" PARAM name="Item3" value="lzz;" /object a href=javascript:HHCtrl.Click() title="下拉菜單"下拉菜單/a
;
如何用HTML來制作表格?
HTML中的表格由 table 標簽來定義,表格是由單元格組成的,單元格可以放入文字、圖片、表格等內(nèi)容。下面,我們來看看如何用HTML來制作表格吧。
01
代碼,先用table標簽定義一個表格,其中border表示邊框,border="1"表示邊框為1個像素,數(shù)值越大,邊框就越粗。
table border="1"
/table
02
tr元素表示表格中的行,比如創(chuàng)建兩行
tr/tr表示一行。
03
單元格
HTML表格的單元格用td標簽表示,如下圖所示:
td語文/td
04
表格
就做好一個HTML表格,顯示圖如下:
總代碼:
body
table border="1"
tr
td語文/td
td數(shù)學/td
/tr
tr
td英語/td
td化學/td
/tr
特別提示
表格的標簽:table、tr、td三個標簽。
怎樣在html頁面中制作一個簡單的表格?
HTML做個簡單的表格。如下參考:
1、首先新建一個html,點擊中間,先填入表格內(nèi)容:
2、內(nèi)容可根據(jù)要求編寫,示例代碼如下:
功課表
語文
7:00-7:40
7:50-8:30
數(shù)學
7:00-7:40
7:50-8:30
英文
7:00-7:40
7:50-8:30
3、然后在中間輸入樣式表的樣式,:
4、樣式也可以根據(jù)個人需要設置,設置單元格的寬度高度,合并單元格,位置,顏色等,示例代碼如下:
5、注意,此代碼“table的意思是表”的含義是將表邊框合并為單個邊框以合并相鄰的更改。
6、預覽結(jié)果,一個制作簡單的HTML表格。
html網(wǎng)頁制作代碼大全表格的介紹就聊到這里吧,感謝你花時間閱讀本站內(nèi)容,更多關于html 網(wǎng)頁制作、html網(wǎng)頁制作代碼大全表格的信息別忘了在本站進行查找喔。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。