HTML语言-多媒体,标签_第1页
HTML语言-多媒体,标签_第2页
HTML语言-多媒体,标签_第3页
HTML语言-多媒体,标签_第4页
HTML语言-多媒体,标签_第5页
全文预览已结束

下载本文档

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

文档简介

#本章接上一章的内容接着讲，上一章讲列表，框架，表单，本章迪派将带来多媒体页面标签汇总地图映射，多标签汇总线包字效果测试题方面的知识，主要以例子为主：多媒体<html><head>vtitle>迪派教育v/title></head><body>vembedsrc="我的课程.MPG"/xbr/><bgsoundsrc="aaa.wav"loop=3/></body></html>HEAD包含标签:title、base、link、meta等<!--meta元素可以明确告诉浏览器，应当使用utf-8码来显示页面。ansi:美国国家标准协会，存放时系统默认会用ansi制定的码。如出乱码,可另存utf-8。-->字符集有:iso-8859-1,gbk,gb2312（国标码）,big5,us-ascii,utf-8等等案例:<html><head><title>我的网站</title〉<metahttp-equiv="content-type"content="text/html;charset=utf-8"/></head><body>网站你好</body></html>背景色彩和文字色彩bgcolor背景色彩text非可链接文字的色彩link可链接文字的色彩alink正被点击的可链接文字的色彩vlink已经点击（访问）过的可链接文字的色彩案例:<html><head><title>我的课程</title></head><bodytext="red"link="black"alink="green"vlink="yellow">hello,中<fontcolor="blue">国</font>人!<br/><ahref="#">连接到v/a></body></html>背景图像案例:<html><bodybackground="111.jpg"></body></html>页面空白（又IE有效）案例:<html><bodyleftmargin="10px"topmargin="10px">你好</body></html>标尺线案例:<html><body><!--noshad去阴影实线）-->你好〈hrsize二"7px"width="400px"align二"left"noshade/〉</body>〈/html〉物理字体案例:〈html〉〈body〉〈!--加粗--〉<b>迪派〈/b〉〈br/〉〈!--斜体--〉<i〉教育〈/i〉〈br/〉〈!--下划线--〉〈u〉〈/u〉〈br/〉〈!--正规--〉〈tt电脑〈/tt〉〈br/〉〈!--上标--〉〈sup〉培训〈/sup〉〈br/〉〈!--下标--〉〈sub〉课程〈/sub〉〈br/〉〈!--删除线--〉<s>你好〈/s〉〈br/〉〈strike你好〈/strike〉〈/body〉〈/html〉逻辑字体略客户端字体案例:<html><body><!--字体-->vfontstyle="font-size:40px;"face="黑体">你好</font〉</body></html>段<p></p>换行<br/>文字的区分（Division）显示（装入内容的容器）案例:<html><body><divstyle="width:400px;height:200px;border:1pxsolidred;color:blue;position:absolute;left:200px;top:100px;"><tablewidth="50px"height="50px"border="1px">vtrxtd>你好</td>v/tr></table></div></body></html>图像映射技术:案例:<html><head><scriptlanguage="javascript"><!--functionshow（）{window.alert（点击了矩形区域'）;}--></script></head><body><imgsrc="mapimg.jpg"usemap="#abc"/><!--映射区域--><mapname="abc">v!--shape（形状）:rect（矩形）、circle（圆形）、poly（多边形）--><!--coords:左上角分别与左和上的距离、右下角分别与左和上的距离--><areashape="rect"onclick="show（）;"href="#"coords="140,20,280,60"/></map></body></html>其它maxlength、checked、selected、wrap、marquee（跑马灯）、fieldset（线包字效果）等案例:<html><body>username:<inputtype="text"maxlength="4"name="username"/><br/><inputtype="checkbox"name="fruit"/>apple1<inputtype="checkbox"name="fruit"checked/>apple2<inputtype="checkbox"name="fruit"checked/>apple3<inputtype="radio"name="sex"checked/>man<inputtype="radio"name="sex"/>woman<selectname="address"><optionvalue="aaa">aaa</option><optionvalue="bbb"selected>bbb</option></select><br/>〈!一wrap属性的值:默认on（换行）,off（不换行）一〉<!—direction属性的值:left（左移动）、right（右移动）、up（上移动）、down（下移动）--><!—behavior属性的值:scroll（循环移动）、slide（移动一次）、alternate（左右移动）一>〈!--scrollamount属性的值:1~60--〉〈textareawrap="off"cols="40"rows="10"〉〈/textarea〉〈br/〉〈marqueedirection="right"behavior="alternate"loop="2"scrollamount="20"width="50%"bgcolor="pink"〉rightmove〈/marquee〉〈/body〉〈/html〉线包字效果（后台管理常用）案例：「★审核状态.0己经审核0没有审核◎全部〈html〉〈body〉〈!--FIELDSET把相互关联的控件组合成一组--〉〈fieldsetstyle="width:300px"〉〈!--为FIELDSET元素指定一标题--〉〈legend〉〈fontcolor二"blue"〉*审核状态〈/font〉〈/legend〉〈form〉<inputtype二"radio"name="state"〉已经审核<inputtype二"radio"name="state"〉没有审核<inputtype二"radio"name="state"〉全部〈/form〉〈/fieldset〉〈/body〉〈/html〉HTML测试1、HTML指的是？2、Web标准的制定者是?3、在HTML中，哪个是最大的标题？4、在HTML中，哪个可以插入折行？5、在HTML中，哪个可以添加背景颜色？6、粗体字的HTML标签7、斜体字的HTML标签8、超链接写法举例9、电子邮件链接写法举例10、在新窗口中打开链接写法举例11、表格标签举例12、表列左对齐举例13、有序列表标签14、无序列表标签15、复选框写法举例16、文本框写法举例17、下拉列表写法举例18、文本域写法举例19、插入图像举例20、插入背景图像举例答案1、超文本标记语言(HyperTextMarkupLanguage)2、W3C(万维网联盟)TOC\o"1-5"\h\z3、<h1>4、<br>5、<bodybgcolor=”yellow”>6、<b>7、<i>8、<ahref=””>W3School</a>9、<ahref=”mailto:xxx@”></a>10、<ahref=”url”target=”_blank”></a>11、<table><tr><td>12、<tdalign=”left”/>13、<ol>14、<ul>15、<inputtype=”ch

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

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

最新文档

评论

0/150

提交评论