1.2构成网页的基本元素 1.<TTLE>标记 <TIE>标记用来给网页命名,网页的名称写在< TITLE>与 </ILE>标记之间,显示在浏览器的标题栏中。例如,在上图中所 示的浏览器页面中,其标题栏所显示的“西电经管院”是在HTML文 件中的由<TTLE>西电经管院< TITLE>所定义的。 2.<Hn>标记 文件)编辑¢)查看收藏④)工具〔)帮助0p h <H1>.<H1> 到 地址@)同Rtp/ubn/Pt3mxe!tm →转到 4H6°5H6标题元素有6标题测试 种,用于表示文章中的各 种题目。字体大小<H到标题测试 <H6>顺序减小。下面这个|标题测试 例子中分别使用了<H1>到 标题测试 <H6>的标题。其HML文|跳 件如下所示,在浏览器中 标原洲战 的显示效果如右图所示 完成 本地 Intranet 源文件
<TITLE>标记用来给网页命名,网页的名称写在<TITLE>与 </TITLE>标记之间,显示在浏览器的标题栏中。例如,在上图中所 示的浏览器页面中,其标题栏所显示的“西电经管院”是在HTML文 件中的由<TITLE>西电经管院</TITLE>所定义的。 1.2 构成网页的基本元素 1.<TITLE>标记 <H1>…</H1> 到 <H6>…</H6>标题元素有6 种,用于表示文章中的各 种题目。字体大小<H1>到 <H6>顺序减小。下面这个 例子中分别使用了<H1>到 <H6>的标题。其HTML文 件如下所示,在浏览器中 的显示效果如右图所示。 2.<Hn>标记 源文件
3.预格式化文本标记<pre HIML的输出是基于窗口的,因而HIML文件在输出时都是要重 新排版的,即把文本上任何额外的的字符(如空格、制表符和回车符) 都忽略,若确实不需要重新排版的内容,可以用pre>.</pre>通知 浏览器。在左图和右图中显示了有无预格式化文本标记pe>的对比 这是一个谢试网回区这是个训试网员线1址,口区 文件)编辑)查看” 文件¢)编辑c)查看Q)收藏④) 停止刷新 上 地址@同H∥c转到「地0图m3到 HTM是一种描述文档结构的标注语 H狙L是一种描述文档结构的标注语 言,它使用一些约定的标记对各种信息 言,它使用一些约定的标记对各种信 进行标注。 息进行标注。 完成 思本地 Intranet 包完成 本地 Intranet∥ 源文件
3.预格式化文本标记<pre> 源文件 HTML的输出是基于窗口的,因而HTML文件在输出时都是要重 新排版的,即把文本上任何额外的的字符(如空格、制表符和回车符) 都忽略,若确实不需要重新排版的内容,可以用<pre>…</pre>通知 浏览器。在左图和右图中显示了有无预格式化文本标记<pre>的对比
4.<BR>和<P>标记 <BR>用于强制换行。<P>表示一个段落的开始。<P>一般可 不用。 5.<B><1><U>< STRONG><S>标记 这几个标记都是用来修饰所包含文档的。<B>标记使文本加粗; <Ⅰ>标记使文本倾斜;<U>标记给文本加下划线;<S>标记给文本加 删除线;< STRONG>标记使文本字体加重。下面给出一个HTM源 文件,其显示结果如下图所示。 这是一个测试网页- Microsoft Internet Explorer 文件)编辑C)查看)收藏)工具①)帮助Q 源文件 地址@Mtp/litn/re3alh →转到 HTL是一种撈述文档结鸬的标注语言,它使用一些约定的标记 对各种信息进行标注。 本地 Intranet
4.<BR>和<P>标记 源文件 <BR>用于强制换行。<P> 表示一个段落的开始。</P>一般可 不用。 5.<B> <I> <U> <STRONG> <S> 标记 这几个标记都是用来修饰所包含文档的。<B>标记使文本加粗; <I>标记使文本倾斜;<U>标记给文本加下划线;<S>标记给文本加 删除线;<STRONG>标记使文本字体加重。下面给出一个HTML源 文件,其显示结果如下图所示
6.<FONT>标记 <FONT>…FONT用来标记说明 修改字体和颜色。其中 COLOR属性指定文字颜色 颜色的表示可以用6位十六进 Bgcolor设置网页背景颜色 制代码,如< ONT COLOR=le欢段没置网页非可链接文字的颜色 #00O0:SZE属性指定相ik没置网页可链接文字的颜色 对尺寸。 Alink设置网页正被点击的可链接文字的颜 另外,如果用户想要设置网 页的背景色和文字颜色,可以Mmnk设置网页已经点击的可链接文字的颜 将<BODY>标记扩充为: 色 Backgrou设置网页背景图案 <BOdY bgcolor=# text=# nd linke alink# vlink# mageR设置网页背景图案的URL地址 background= imageURL 其中各个元素的说明如表8-1 代表颜色RGB值(格式为rgbb)。 所示,表8-2列出了一些常用 它是用16进制的红绿-蓝(red 颜色的RGB值。 green-bue,RGB)值来表示。各种 常见的颜色的RGB值如表9-2所示
6.<FONT>标记 <FONT>…</FONT>用来 修改字体和颜色。其中 COLOR属性指定文字颜色, 颜色的表示可以用6位十六进 制代码,如<FONT COLOR = #00FF00>;SIZE属性指定相 对尺寸。 另外, 如果用户想要设置网 页的背景色和文字颜色,可以 将<BODY>标记扩充为: <BODY bgcolor=# text=# link=# alink=# vlink=# background = ”imageURL”> 其中各个元素的说明如表8-1 所示,表8-2列出了一些常用 颜色的RGB值。 标记 说明 Bgcolor 设置网页背景颜色 Text 设置网页非可链接文字的颜色 Link 设置网页可链接文字的颜色 Alink 设置网页正被点击的可链接文字的颜 色 Vlink 设置网页已经点击的可链接文字的颜 色 Backgrou nd 设置网页背景图案 ImageUR L 设置网页背景图案的URL地址 # 代表颜色RGB值(格式为rrggbb)。 它是用16进制的红-绿-蓝(redgreen-blue,RGB)值来表示。各种 常见的颜色的RGB值如表9-2所示
颜色 RGB颜色 RGB 黑色(Back) 00000榄色(Oive)808000 红色(Red) FF0000深表色(Tea)008080 绿色( Green) 008000恢灰色(Gray)808080 蓝色(B|ue) 000F深蓝色(Nawy)0080 白色(Whte) FFFFFF浅绿色(Lime)00FF00 黄色(Ye|low) FFF00紫红色( Fuchsia FFOC0FF 银色( Silver) OCOC0紫色( Purple)8000 浅色(Aqua) oFFF茶色 Maroon)8000
颜色 RGB 颜色 RGB 黑色(Black) 000000 橄榄色(Olive) 808000 红色(Red) FF0000 深表色(Teal) 008080 绿色(Green) 008000 灰色(Gray) 808080 蓝色(Blue) 0000FF 深蓝色(Navy) 000080 白色(White) FFFFFF 浅绿色(Lime) 00FF00 黄色(Yellow) FFFF00 紫红色(Fuchsia ) FF00FF 银色(Silver) C0C0C0 紫色(Purple) 800080 浅色(Aqua) 00FFFF 茶色(Maroon) 800000