htlm编程入门_第1页
htlm编程入门_第2页
htlm编程入门_第3页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、实验一 HTML编程实践入门实验目的:?掌握HTML的根本语法和内容;?能够流利阅读HTML文件。实验内容:完成以下所提供的HTML案例的编写，每个案例的文件名分别以对应的数字号码存储与以姓名为名的文件夹中，并进行测试。1、编写标题如下面实例，理解HTML中的标题标签<hn>,其中n为标题的等级，HTML总共提供六个等级的标题,小，标题字号就越大，以以下出所有等级的标题其中n的取值为1到6。Okealah曲拎<body>QU号际题Vh1> 二号标 Vh2> 血三号标题Vh3> <h4?因号际题</h4> 3五号禄题</h5>

2、; <h6>我号际题 ar汪导标題 <br/>这是一个普匾的没有界定的丈字¥2、使用换行标签<br/> 理解<br/>的作用End<tifl e沅按行例如<7七<7hsad>登鶴雀搂 白日依山早，JOT入陣S35千里目，更上一 15楼.Chead><titLe滋行例如?ti Ue>登鶴雀褛趣白日俄山尽敬打堇河入海流口逊H潘夯千里目 > 奴打更上一层啟. 切body3、使用段落标签<p>Qihnl>C/hsid><bodjr><p diAiQ祇2&q

3、uot;燈韬雀楼</»© «li $n= u c*ntaj-r?白日战山屐* Qp<p di沪THJ >昔河入菊适.</p><p *li p*= “cwtht 播穷千里目 j </p><p ZipF Zin" >更上一层楼 </v> 7 b 口 tly?C/html>4、使用水平线段标签<hr/>(1 )线段粗细的设定uVV<litle黴段粗细的设定5 W必&4i><body><1淞是第一案钱段 J无三让宅 设也W1定慎小E来显

4、示5>><hr/>勺處昙第二案钱段j size-S V?><br/>J小庐临Qp>i宝是第三集敎段.£iie-10</P><br；>g 5i«= (t 10*! />do直小gnd(2 )线段长度的设定ttrni?JiEstd,?<titb瀚段长屢的设定VtitlS><Boly心危星第一麋圾段无*i出h谡走*取屮诃山软认值100繰显</p)<br/>Vvr<hr size=忖 />G危昱H二集銭段八皿h=50匚点數方式)</p> <

5、br>3肌WF作，2“尸等：f>G危星第三来銭层八皿胆5(B©分比方武GpdGr/>WhrS 肌dttF “宛泸 Sixe= =T： /?(3 )线段排列的设定Jl-.llll?'VMfWvwKtitleX段梆列的设走<bcd/-g星第一条戮段，无疽ieiL设定跟默认值«ntar显示)</计绻<hr width-吒OST size=5/>仓滋是第二条議段I向左对齐<7，>纸WvKKr wiitl- -t60S£?,刃応二“严 ali *(le£t" /> 组定星第三舉袋段，向右

6、対齐<7r><br>Wv爼vrilUF "卫廉 su«=智为iliEn=作丄融严>o dy；'(4)无阴影的设定XjsXA?WXrCtiUe冼明黑的设矩</tUle><bjsd>勺湛星第一条线段无“电三设定取默认值阴參效果来見示</p><br»Wr<hr width= m泸 nz 骨门Vp応是第二条钱段j有aoslLade设定切卩><br>V-JL-<hr widths £L30" eih» "T" na&

7、#163;hAds/>® s 5、文字的大小设置litmlza=i tl总字号尢小C/ti tle7h*ad><£nt sizs- "T：淞是 sis&=7 餡字?i ze= *&" 是"韭巧 的字倚bFoiLtXp 5iie=骨 淞是 si=e-5 的字VfQntXp> <£Cnl zize=Eize=4 0t字体OFonQGCfmt si zq= f豐逆是 size=3 的<£Cnl 2订尸髻二為是 sire-2 餡字体&f九A>q、 <f<n

8、t size=sist=：l 轴字X>><font 5ize= "T"滩是 口“=-1 的尹$</fontXp? yt c Jy、 yhtml>小问题：当Size的设置超出范围的时候，例如设置成Size = 10的情况下会出现什么问题?6、文字的字体与样式Qihnl /-vWVvdie ad、WwV-rti El住 011 tie</head>cen. t er5<FXfoM ftc e二“楷体厘吃31彗蕊迎逛临。勿nt</2<pXfont face="宋体"?欢送光I临Xfont f如心陀I宋

9、一曲凸坨"緞湮光临</foat></p>fic «= “黑悴“ '欢送光J 虚 Vfot ></p >£ace= ai"! al 九eluome my hoikepge . OFon七?如<pKfont.farscflmicssnEmErtconife my homepi?«. </font>Vd>7、文字的颜色8、编写无序号列表<Ke*d><ti UQ立字简颤色i +lt><loy tgcoloi- GCOOBO!, center?<

10、fontcolorsLLwhit#55庖黔班娴和世界</也讯<br/>£ontcolors叫胡泡彩斑婀閔世界</£皿。xhtml?Qiead><br/>vrvCfcntcolor=“too任任(/h色tl e序列恚?七i tie、<k/>Cfontcolo-r"忤：FEEfUCTCbr/><fontcolor=泡霜班姗的世界7 font >w><fontcaltir=(*oaf£ca：5泡黔班爛曲I世界Gr/>CfontcoJ_o:怙dug泡彩斑斓的世界/cents

11、r><body>VYV'rfS-<PS<一个无序列表：</p>3、禹互联网握供的效劳有:QpTO服芻Qp 色汝件隹输效劳碗防 电子邮件效劳勺莎<L/t程登录服</1；> 色注它服券</加V4SAA*->/b。dy/httnl9、编写序号列表11".Hi 亠-10、编写定义性列表atmi>XK-XA-X-<11 tU请序列表Gt i 色</hed>命讯工>&牛首库列表：<7P><ol>VW国际互联网提供的效劳有； 电1亦服蜓打卜、 文件隹输效劳S

12、i?VvVWQj>电子由15件效劳*耍 勺i 程逍录效劳/Li z淇它服V11>'wvWvVnl>如 b od*WhSL?entire宜义序吕工程见轰</+ i虹也>g唄小小mr鮎曲bm嗨陽o<dl>毬洋阶介鋁</毗>妙河南中医学慨信Ji技朮学院，星一卜</砒?锂M嶺醱V眇我们曾经茯桿过輾塑奖励</dd><d以丿帀贸力呈</吐"KjVv袈?目前学缺有专职製师t A-7dd>雀淳生活动</釀>徳科学兴删邊3、屛师制*左艺活动、体肓臥就?7dl>5如?7M»1&g

13、t;YYMW*-<head>Ktitle> 置表格的帝题 Vtitlt></ht4d><todir><cipti on ilign= “讪旅游日程</e4.ptLon>WR«*v日期<Ak> <U)0-ll</t4> <£J>U-12</t4> <£a>12-14</tJ>v*</tr><tr><tdX岛山</记?红(0杭州</t(DVAr>C/-tabled<br/X

14、br/>VY*¥<tsMe bord«r= "1：?©E也餵：据=b。亡“滋游日程</ c吋i “<tT>'WWV<th>3Vth><7tr>"W*<tr>旬旅游地点匕炉</tr> "YYTr</table>C/bcAy(hatdXti tla写表稻tie<7he之d>Cboiyborder =<tr>Qh泌名 </th>£娄准剔G辿? 欣h?年龄g?Vwrf</tr>W&q

15、uot;H<tr>YW<tdH 林Qtd?<td>2F</ld>Vtr>Vt.d?le>Vdy、yiil(nl>13、设置表格尺寸(1)设置表格边框尺寸“疋置壷格边眶的尺寸C/leal<body>Stable lorder= CL1D?,肌dth= fiL250" ><tr > < £h>苹果<J thX山逵蕉QtkX th厢萄<J心X/址?VYv 、'宀v/v n-wy -/-rt-WXY-<<uXtd?eOO 公斤</tdXtd&g

16、t;Z00 公斤</tdXtd>100 公斤 Vtd>Vtr>tabledvo<ttble bordsr= "1"盘?icajti on?定货caption.Ktr >砒k>眾臬Q山丸山燔建</扭乂七b皤題QVvJ*-VJ'v VvASMm<tr><t(i)2O0 公斤</tdXtd)E00 公斤<7tdXtd>lCO 公斤<ytd></tr>Viable?蚪I"、<t4ble b&rdir= w0 width="鬲CT>

17、;<cajti on?走贯单O匚apti皿?<tr苹果如香崔</tkXtkJ萄</ 吐、<U Xti)200 公斤</UXld>200 公斤QtdX+d>100 斤"七£></讣XHAjpVWV彳“知?</lW>(2 )设置格间线宽度(3)设置内容与格线之间的宽度HPV-ywzvCheadXti置内容与格线之间的寛度</titledKtntT?<h凝Xti tl e?设置格间髓粥度<A i tlt>Vhe 討<bciy>Stable t>ordsrz tc3,!

18、 cell5p4citijg="宁'、Ccap 11 on?疋单 Q c ap 11 oiOXody?V-jVTvaabl« torder= “3 qell?adding *5B£亡址电ig>走货单Ucaj-ti on<tr>冬砖苹果?th?3香產Q3妙葡蔔仇pVlr>Xaw£&、<t .1)200 斤 </tQft为会斤<J2<tA>10Ci 斤 </tQ<tr>Vhr*<th> </th></tr>&、<td)20

19、0 公斤OtQ Vtd>CW ii斤 </td> <UMD0 斤</tr>gWvVtable>J/t o(2 )上下排列14、定义表格内文字的对齐/布局方式(1 )左右排列Oitj(nL>adXti tit凄格内文宇左右排列tlCbody><tabl# torder="厂甘过讯子河旷卜<tr>毁煨左</新碱y居中</血<th>居右 </th>h；VV'W*</tr>tr>wv<td align二>a<ftd><td ali

20、gns centerT, >bVtd>td al i §jt= " f i 曲七"X：Qt(iyVtr>WrVtabl*7灯boJy?C/html)thtml?ChdXtitl滦格内文字上下權列C/head>Cbody>CtLe borhi二 £11!, wlAtL=r250rt keightJltrr、<tr>wvg上齐Vth> 碍居中灯坡></tr> 毗QfTvtd -r-igpP iop,?<td 矿ali_护 fiddl 电"<td rsltCTF>c7

21、ti>td valk.i= "L asel me ,J >d</td> </tr> Vvr</table>C/tclyC7htihl>15、设置跨多行、多列的表元(1)跨多列的表元(2)跨多行的表元OiwdXti tl©跨多列的舂元Ot i tleC/liea(DStable border= "1" ><tr><thxa班人员</eqV¥w *WnirYV¥YYsaV-rt-<th>£ MBVth>2星朗二5hA 妣?星期三

22、G妙Vv-t红d?李強m<td>i<ytd><7tr><7tabl«>灯 bodyWVW«v<h«4dXtitl ©据多行酌叢元<MitU h崎：aj_?<title Lorded CL1" ><tr><tk片咖玄详叱“、值班止员</th、: th?星朗一<Ah?WVWt<th>B 期二 </th>星期三z</u>VW<trCtdXS</td><u>i 平 </“>Vtr>AZvs曲*G b £ dy.'</htinl>小问题：在此案例中，如果不使用Colspan，会发生什么样的情况?16、设置表格的颜色Giead)格的荻色，tl庖CodyClble： bor der = "2" brcelor- l( aquappbEcclor= k#£faaflO,s 潔电</th> Srel1'

人人文库> 全部分类> 专业文献 > 工程机械

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论