!DOCTYPE?html

成都創(chuàng)新互聯(lián)公司是專業(yè)的任城網(wǎng)站建設(shè)公司,任城接單;提供成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行任城網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
html
head
meta?charset="UTF-8"
titleanimation/title
style
#box?{
height:?200px;
width:?200px;
background-color:?aqua;
position:?absolute;
left:0;
margin-top:50px;?
}
input?{
width:?100px;
height:?30px;
}
/style
/head
body
div?id="box"/div
input?type="button"?value="前進(jìn)"
script
var?box?=?document.getElementById('box');
var?bt?=?document.getElementsByTagName('input');
var?timer?=?null;
bt[0].onclick?=?function?()?{
ani(box,600);
}
function?ani(ele,target)?{
clearInterval(ele.timer);
ele.timer?=?setInterval(function()?{
var?step?=?(target?-?ele.offsetLeft)/10;
step?=?step0?Math.ceil(step):Math.floor(step);
ele.style.left?=?ele.offsetLeft?+?step?+?"px";
console.log(1);
if?(Math.abs(target?-?ele.offsetLeft)?=?Math.abs(step))?{
ele.style.left?=?target?+?"px";
clearInterval(ele.timer);
}
},30);
}
/script
/body
/html
這是網(wǎng)上的文字教程:
CSS3:
HTML5:
這是視頻教程:
HTML5:(暫時(shí)還沒有更新完畢)
CSS3貌似還沒有視頻教程,視頻也沒有什么可講的,主要是自己看基礎(chǔ),然后多寫看效果。
table border="1"
tr
th項(xiàng)目/th
th colspan="5"上課/th
/tr
tr
td星期/td
td星期一/td
td星期二/td
td星期三/td
td星期四/td
td星期五/td
/tr
tr
th rowspan="4"上午/th
th語(yǔ)文/th
th/th
th/th
th/th
th/th
/tr
tr
th數(shù)學(xué)/th
th/th
th/th
th/th
th/th
/tr
tr
th化學(xué)/th
th/th
th/th
th/th
th/th
/tr
tr
th政治/th
th/th
th/th
th/th
th/th
/tr
tr
th rowspan="2"下午/th
th語(yǔ)文/th
th/th
th/th
th/th
th/th
/tr
tr
th數(shù)學(xué)/th
th/th
th/th
th/th
th/th
/tr
/table
1、打開任意一個(gè)網(wǎng)站,根據(jù)自己的需要選擇。
2、如圖點(diǎn)擊右上角三條橫杠的按鈕。
3、點(diǎn)擊”工具“選項(xiàng)。
4、點(diǎn)擊”查看源代碼“。
5、如圖,就可以輕松查看到了該網(wǎng)站的源代碼。
6、如果想關(guān)閉網(wǎng)頁(yè)源代碼,只需點(diǎn)擊左上角“返回”按鈕,這樣就完成了。
你想問的應(yīng)該是,在搭建一個(gè)HTML文件時(shí),基本的文件結(jié)構(gòu)是什么樣子吧?
標(biāo)準(zhǔn)的HTML文件由“文檔聲明、文件頭、文件體”組成。
對(duì)于HTML5,文檔聲明也應(yīng)該采取HTML5.0的聲明方式,具體代碼如下:
!doctype html
html
head
meta charset="UTF-8"
titleHTML5學(xué)堂(碼匠) ?言成科技?聯(lián)合出品/title
meta name="viewport" content="width=device-width,user-scalable=no"
link rel="stylesheet" href="../css/reset.css"
/head
body
div具體內(nèi)容/div
/body
/html
在html標(biāo)簽當(dāng)中包含head標(biāo)簽和body標(biāo)簽兩種,而head標(biāo)簽表示的是文件頭,body標(biāo)簽表示文件體,文件頭當(dāng)中需要包含“字符編碼”(head標(biāo)簽中的第一行)、“標(biāo)題”(title標(biāo)簽)、“其他元信息”(除了字符編碼外的其他meta),而文件體當(dāng)中書寫的具體代碼就是在網(wǎng)頁(yè)當(dāng)中會(huì)顯示的內(nèi)容。
此外,在文件頭部或文件體當(dāng)中還可以使用link標(biāo)簽引入CSS文件,或者使用script標(biāo)簽引入JS文件。
關(guān)于文檔聲明,在傳統(tǒng)的HTML4當(dāng)中,有另外三種聲明方法,請(qǐng)?jiān)斠姟段臋n聲明 DOCTYPE常見的文檔類型》
這個(gè)是基礎(chǔ)的表格,你可以去研究改一下就可以了。
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1.0"
title表格/title
/head
body
table border="2" cellpadding="12"
tr
td colspan="3"商品類目/td
/tr
tr
td rowspan="3"虛擬/td
td移動(dòng)/td
td聯(lián)通/td
/tr
tr
td充值卡/td
td彩票/td
/tr
tr
td夢(mèng)幻/td
tdQQ/td
/tr
tr
td rowspan="3"護(hù)膚/td
td美容護(hù)膚/td
td美體/td
/tr
tr
td彩妝/td
td香水/td
/tr
tr
td個(gè)人護(hù)理/td
td保健/td
/tr
/table
/body
/html
分享名稱:html5代碼大全,html5中文手冊(cè)
文章起源:http://chinadenli.net/article8/dseidip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、標(biāo)簽優(yōu)化、微信小程序、小程序開發(fā)、品牌網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)