北邮HTML实验代码Word格式.docx

北邮HTML实验代码Word格式.docx

《北邮HTML实验代码Word格式.docx》由会员分享，可在线阅读，更多相关《北邮HTML实验代码Word格式.docx（7页珍藏版）》请在冰豆网上搜索。

Ｄan　Gｉｂson－Ｄriftwoｏd浮木.mp３＂

　　　　　　　　　　width="

１＂ｈeighｔ＝"

1"

aｕtostart=1loop＝true/＞

3.标题＆学生信息

　　　　　　<

h1>

＜centeｒ>

＜b>

我的环球美食梦想之旅<

/ｂ>

/cenｔeｒ>

br/>

/h1>

　　　<

p>

　<

ceｎtｅr＞班级：

20142１120１　　姓名:

梁嘉琪　

　　　　　　　　学号：

2014２10819　<

/cｅｎtｅr>

<

br/＞<

/p>

　　　　<

hｒ/>

　　<

ｈr/>

4、标题２段落二　　多媒体：

插入图片音乐和视频

　　<

h2>

一、全球美食地图　　（@＞＿<

@）<

ｂr/>

/h2>

　　　＜p>

烹饪专家<

i>

CaｉtlinＬeｖin＜／i>

和摄影师＜i＞HenrｙHａrgreaves＜/i>

从旅行中获得灵感,开始用国家传统食物作画,想以此展示各地区的文化差异和特点。

ｉmgsrc＝"

ＩMＧ＿2016１123_2027３1．png"

alt　=　"

图像示例"

　wｉdｔh="

1000"

　ｈeight=＂１000＂＞

iｍgsrc=　＂IＭＧ_2016112３＿2028０3.png"

　aｌt＝＂图像示例"

　ｗidth＝＂1０0０＂　ｈeｉght="

10０0＂>

　　　<

ｉmg　ｓｒc=　"

IMＧ＿20161１23_202８3６.pｎg"

ａlt　=　"

ｗidth="

1０00"

　ｈeｉｇht＝"

１000"

　　　　<

br/＞

iｍgｓｒc=　＂IMG_20１６1123_202857.ｐng"

alt="

widtｈ＝"

１０00"

　ｈeight="

＞

　　　　<

ｉmｇsrc＝"

ＩMG＿2016112３_20２92０.pnｇ"

　alｔ=＂图像示例"

widｔｈ=＂1000"

heiｇht="

ｉｍg　src="

IMＧ_２0161123＿２029４6.png"

aｌt　="

图像示例＂wｉdtｈ="

１００0"

heighｔ＝＂1000＂>

　　　　<

　　　　　<

　　　　　＜imgｓrc="

IMG_２0161123_２03０07.png"

alｔ="

widｔh="

1000＂hｅｉｇht="

　　　　　<

imgsrc="

ＩMG_2０161123_２03036.png"

ａlt="

图像示例＂widｔｈ="

10００"

height="

1000＂>

　　　　　　<

imｇｓrc=＂ＩMG＿20１６１１2３_２0３05６.pｎg"

ａlｔ="

wｉdth="

hr/＞

　　　　<

br／>

embｅｄｓrc=＂dub.mp4"

　widtｈ="

300＂height=＂３00"

autostart＝１loｏp=tｒｕe/>

　　　　＜hr／>

　　　　　＜bｒ／>

5、标题三段落加粗斜体等　多媒体：

插入图片

　　　　　　<

h3>

二、美食之旅（@>

_<

bｒ/＞<

/h3＞

　＜biｇ>

吃遍全世界!

!

/big>

ｉmｇｓrc＝"

83＋-1５2１967６９.jpg"

alt=＂图像示例"

　ｗidtｈ="

200"

ｈeighｔ＝＂３０0＂>

　　　＜iｍgｓrc=＂62+－１5１３385261.jpｇ"

wｉdth=＂200"

ｈeight＝"

300"

imgsrｃ="

26+68７869３39.jpｇ"

ａｌt=＂图像示例"

ｗidtｈ="

　　<

imgsrc=　"

６2+１４87056858.jpｇ"

wiｄth=＂200"

hｅigｈｔ＝"

3０0"

imgｓrｃ　="

65＋1３7７765３58.jpg"

图像示例＂widｔh＝"

2０0＂　heｉｇhｔ="

　　　　　　＜br／＞

imgsrｃ＝"

62+1826943585．jpg"

alｔ　=　"

　ｗiｄｔh＝"

20０＂hｅigｈt=＂３００"

　　　＜imｇｓrｃ=＂２6＋-12073２2337.jｐg"

ａlｔ　＝"

wｉｄｔh="

２０0"

ｈeight="

　　　　　<

img　sｒc="

39+-1９2５77421２.ｊpg"

　alｔ="

　wｉdth＝"

200＂height="

300＂>

imgｓrc＝"

8１＋-1950709２79．jpg"

alｔ=＂图像示例＂　widｔｈ="

heｉｇht=＂３00"

　　＜imgｓｒc　="

6７+-74865７８27.jpg"

ａlt=　"

　widtｈ＝"

20０＂　hｅiｇht="

　　＜br／>

ｉmgsrc　="

５3+1180070413.jｐg"

width=＂２00"

　ｈeight＝"

３0０"

　　　<

imｇsrc＝"

４5+29４7319５4.ｊpｇ"

widｔh＝＂20０"

hｅiｇhｔ="

　　　<

ｉmgsrc="

61＋-48６539275．ｊpg＂alt＝"

图像示例＂　　width＝"

2０0＂ｈｅight=＂300＂>

　　　＜imgｓrｃ=　"

96+-１5８83３0812.jpg"

　　ｗidth="

ｈeigｈt＝＂300＂>

　　＜imｇ　ｓrc　=　"

86+1292960298.jｐg"

ａｌｔ="

ｗidtｈ＝"

height＝"

３00"

１8+－141４19４205．jｐg＂　aｌt＝"

图像示例＂　　widｔｈ="

2００"

heighｔ=＂３0０＂>

　　　＜br／>

　　　＜big>

IWｉsｈ　ｍyＤｒｅａm　ComeTrue!

/biｇ＞

hr／>

ｂｒ/>

6、表单

ｆoｒｍnａme＝"

ｉｎput"

acｔｉon=＂ｈtｍl_forｍ_actiｏｎ.ａｓp"

ｍethod=＂gｅｔ"

　　性别<

bｒ/＞

inｐｕttyｐe=＂radio"

name＝"

sex"

vaｌｕe=＂maｌe"

/>

男

ｉnput　type＝"

raｄio"

ｎaｍe="

ｖaluｅ="

feｍale"

女

　　　＜bｒ/＞

　　年龄＜ｂr/＞

　　＜inputtyｐｅ="

text"

name="

ｏlｄ"

　/＞

　　　<

br/＞年级

inpuｔｔype="

cｈeckｂoｘ"

nａme＝"

onｅ"

/＞大一

　　　　＜iｎputtｙｐe　="

checkbｏx＂nａmｅ＝"

ｔwo"

／>

大二

　　　　＜iｎputtype　=　＂ｃheckbox"

　ｎamｅ="

three"

/＞大三

　　＜inputｔyｐe=　"

checkbox＂naｍｅ="

fｏur"

大四

　　　　<

br／＞

　　　　　　<

inｐuttｙpe="

checkbox"

ｎａme　="

one１"

研一

　　　<

inｐｕt　tyｐe="

ｃhｅｃkbox"

ｎame=　"

two1"

研二

　＜inputtｙpe=＂checkbｏx＂name=　"

threｅ1"

研三

　　　　　你对现在的生活满意么？

你感觉自由么?

　　＜ｉnput　typｅ=＂raｄｉo"

namｅ＝"

bt"

ｖaｌuｅ=＂yｅs＂/>

是

　　　＜inｐuｔtypｅ＝"

ｒａdio"

name="

ｂｔ"

vaｌue＝"

no"

否

　　＜br/＞

　　　你希望进行环球旅行么？

（@>

@）

input　type＝＂rａdio"

naｍe="

ｒhr"

value="

yｅs１＂/>

　　　　<

inｐuttｙpｅ="

radio"

ｎame="

rhｒ"

　ｖalｕe＝＂ｎo１"

/＞否

　　　　＜/form>

hr/>

　　　　　＜hｒ/＞

　　＜br/>

7、表格　　中有超连接

tablewidth="

ｂoｒdeｒ=＂1＂　ｂgcoｌor="

#FＦ０1００"

　　　　　＜tｒ>

＜ｔｄ>

＜ahｒef=＂#吃遍全世界!

"

＞１<

/a＞<

/td＞＜td＞2<

/td＞＜/tr>

　　　　<

tr＞<

td>

3<

/td>

＜td>

4＜/tｄ>

/ｔr＞

　　　　　<

/table>

　　　<

　　　　<

8、超链接　我的邮箱

biｇ＞如果你也想进行环球的美食之旅<

bｒ／>

/bｉｇ>

　　　　　<

ahref　=　"

big＞ＣLICK＜/big＞<

/a>

　　　<

9、

滚动点击图片　回到顶部超链接

aｈref　="

ｊａvａｓcriｐt:

scroｌl（0,0）"

返回顶部＜ｉmgsｒc=＂83+-1521９67６９.jｐg"

alｔ="

返回顶部"

widｔｈ="

２0＂　hｅight="

30"

　<

／ｂody＞

/htmｌ>

10、框架

hｔml>

　　＜fraｍeｓeｔ　cｏlｓ＝"

25%,７5%"

framesｒｃ＝＂ab．htｍl"

　　＜ｆrameｓrc="

aa.