第21章超文本标记语言(HTML 介绍TM- Microsoft Internet Explorer 辑正查看△收藏(△)工具①帮助 故宫(1998年-) 附近有北京饭店等多个饭店 附近有谭家菜餐厅等多个餐厅 5.天气状况:四季皆宜 包完 厂回我 图21-04标签<o>的特性 例215]嵌套列表 <u> <l讠>直辖市 >北京市 <l>天津市 <li>上海市 <l>重庆市 <l讠>福建省 <l讠>广东省 <l>湖北省 </o> 浏览器上将显示如图21-05所示的样式。 介纽 HTML-Microsoft Internet Explorer 文件正)编辑G)查看心收藏(A)工具①帮助e 3.上海市 4,重庆市 图21-05嵌套列表 8.<、<d>和<d> 定义列表有三个标签: <dl>标签:表示定义列表( Definition lists <dt>标签:表示后面的项是定义术语( Definition Term) dd>标签:表示后面的项是定义释义( Definition Definition
第 21 章 超文本标记语言(HTML) 6 图 21-04 标签<ol>的特性 [例 21.5] 嵌套列表 <ul> <li> 直辖市 <ol> <li> 北京市 <li> 天津市 <li> 上海市 <li> 重庆市 </ol> <li> 省 <ol> <li> 福建省 <li> 广东省 <li> 湖北省 <li> … </ol> </ul> 在浏览器上将显示如图 21-05 所示的样式。 图 21-05 嵌套列表 8. <dl>、<dt>和<dd> 定义列表有三个标签： <dl>标签：表示定义列表(Definition Lists) <dt>标签：表示后面的项是定义术语(Definition Term) <dd>标签：表示后面的项是定义释义(Definition Definition)
第21章超文本标记语言(HTML 例21.61定义列表格式 <dt> html <dd>超文本标记语言, Hypertext Markup Language的缩写。 <dt> smpte time code <dd> SMPTE时间码,记录在录像带上用来标识每一帧电视信号的一种信号标准, 它用于电视编辑。 SMPTE( Society of Motion Picture and Television Engineer是运动图像和电视工程师协会缩写。 <dI> 在浏览器上将显示如图21-06所示的样式。 介绍 HTML-Microsoft Internet Explorer 文件编辑住查看△收藏()工具①帮助 ③的岱搜索□收夹个人栏 超文本标记语言, Hypertext Markup language的缩写。 SMPTE time code SMPE时间码,记录在录像带上用来标识每一帧电视信号的 :1:的图x是运动图像和电视工程 师协会缩写。 完成 □回我的电脑 图21-06标签<d>、<dt>和<d>的特性 预格式文本( Preformatted Text)标签用于产生固定宽度的字符。在pre>…<pre>之间 的空格、新行、空行和表格与HIML源文档中的一致。例如 HIML超文本标记语言 Hypertext Markup Language的缩写 SMPTE time code SMPTE时间码 记录在录像带上用来标识每一帧电视信号的一种信号标准,它用于电视编辑 SMPTE运动图像和电视工程师协会 Society of Motion Picture and Television Engineers的缩写。 在浏览器上将显示如图21-07所示的样式 介绍 ML-Microsoft Internet Explorer 「文件编辑查看△收藏△)工具①帮助出 中后退·+·③的岱搜索收藏夹正个人栏 超文本标记语言 Markup language的缩写 记录在录像带上用来标识每一帧电视信号的一种信号标;准,它用于电视编辑 图像和电视工程师协会 Society of Motion Picture and Television Engineers的綰骂 □回我的电 图21-07标签pre>的特性 10. <blockquote> 扩展引用( Extended Quotations)标签告诉浏览器在< blockquote>…</ blockquote>之间包
第 21 章 超文本标记语言(HTML) 7 [例 21.6] 定义列表格式 <dl> <dt> HTML <dd> 超文本标记语言，Hypertext Markup Language 的缩写。 <dt> SMPTE time code <dd> SMPTE 时间码，记录在录像带上用来标识每一帧电视信号的一种信号标准， 它用于电视编辑。SMPTE(Society of Motion Picture and Television Engineers)是运动图像和电视工程师协会缩写。 </dl> 在浏览器上将显示如图 21-06 所示的样式。 图 21-06 标签<dl>、<dt>和<dd>的特性 9. <pre> 预格式文本(Preformatted Text)标签用于产生固定宽度的字符。在<pre> … </pre> 之间 的空格、新行、空行和表格与 HTML 源文档中的一致。例如， <pre> HTML 超文本标记语言 Hypertext Markup Language 的缩写。 SMPTE time code SMPTE 时间码 记录在录像带上用来标识每一帧电视信号的一种信号标准，它用于电视编辑。 SMPTE 运动图像和电视工程师协会 Society of Motion Picture and Television Engineers 的缩写。 </pre> 在浏览器上将显示如图 21-07 所示的样式。 图 21-07 标签<pre>的特性 10. <blockquote> 扩展引用(Extended Quotations)标签告诉浏览器在<blockquote> … </blockquote>之间包
第21章超文本标记语言(HTML 含一个比较长的引用语。例如, <blockquote p>不管前面是地雷阵还是万状深渊,我将一往无前,义无反顾 鞠躬尽瘁,死而后已 p>朱总理,1998年3月 <blockquote> 强制换行/邮政地址标签( Forced Line breaks/Postal Addresses)告诉浏览器在显示时一定 要换行,目的是不在行与行之间增加空白行。例如, 清华大学计算机科学与技术系<br> 智能技术与系统国家重点实验室<br 邮政编码:100084<br> 电话(te):(010)62782266(0)-br> 传真(fax)(010)6277138-br> 电子邮件地址(emai):username@)mail.tsinghua.edu.cn<br> 在浏览器上将显示如图21-08所示的样式。 介绍 HTML -Microsoft Internet Explore 文件叵编辑查看②收藏②)工具①帮助⑩ 中后退·→·③的国搜索白收藏夹③个人栏 清华大学计算机科学与技术系 智能技术与系统国家重点实验室 邮政编码:100084 e1):(010)6278266(0) 传真(fax):(010)627713 电子邮件地址(emai1): usernamefemail. tsinghua.ed.cn 包完成 □我的电脑 图21-08标签<br>的特性 12. <form> 交易单标签用来收集用户的信息,它可以包含让用户输入文本和选择项目的接口构件, 如文本域、按钮、复选框( checkbox),单选按钮( radio button)和选择列表等。使用<form>标 签时需要注意:①在交易单中的每个接口构件必须和输入标签(< cinput>)或者选择标签 (< election>)起定义;②交易单中的所有构件必须在<fom>…</form>之间定义。例如, <htm> <head><ttfe检查身份<ttle</head <body background="marble. jpg"> < center>< font size=+2><b>< font color="#f0”>欢迎选修</font></col><br> < font color="#000m>《多媒体技术基础》</font</b></ center> <hr> cform method="post"action="/cgi-bin/passwodl pl"><font size=+I> 请输入您的姓名 <input type="text" name="name"></center><br> 请输入您的密码
第 21 章 超文本标记语言(HTML) 8 含一个比较长的引用语。例如， <blockquote> <p>不管前面是地雷阵还是万状深渊，我将一往无前，义无反顾， 鞠躬尽瘁，死而后已。</p> <p>朱总理，1998 年 3 月 </p> </blockquote> 11. <br> 强制换行/邮政地址标签(Forced Line Breaks/Postal Addresses)告诉浏览器在显示时一定 要换行，目的是不在行与行之间增加空白行。例如， 清华大学 计算机科学与技术系<br> 智能技术与系统国家重点实验室<br> 邮政编码：100084<br> 电话(tel): (010)62782266(o)<br> 传真(fax): (010)62771138<br> 电子邮件地址(e-mail): usernamef@mail.tsinghua.edu.cn<br> 在浏览器上将显示如图 21-08 所示的样式。 图 21-08 标签<br>的特性 12. <form> 交易单标签用来收集用户的信息，它可以包含让用户输入文本和选择项目的接口构件， 如文本域、按钮、复选框(checkboxe)，单选按钮(radio button)和选择列表等。使用<form>标 签时需要注意：①在交易单中的每个接口构件必须和输入标签(<input>)或者选择标签 (<selection>)一起定义；②交易单中的所有构件必须在<form>…</form>之间定义。例如， <html> <head><title>检查身份</title></head> <body background="marble.jpg"> <center><font size=+2><b><font color="#ff0099">欢迎选修</font></col><br> <font color="#0000ff">《多媒体技术基础》</font></b></center> <hr> <form method="post" action="/cgi-bin/passwod1.pl" ><font size=+1> 请输入您的姓名: <input type="text" name="name" ></center> <br> 请输入您的密码: <input type="password" name="passwd" >