0.12构成网页的基本元素 1.<TTLE标记 <TTE>标记用来给网页命名,网页的名称写在<TLE>与 </ILE>标记之间,显示在浏览器的标题栏中。例如,在图8-15中 所示的浏览器页面中,其标题栏所显示的“武汉工业学院”是在 HIML文件中的由<TTE>武汉工业学院<IE>所定义的 2.<Hn>标记 妇这是一个试网页0 ft]]Explorer 文件)铜辑)查看①收藏色)工具①)帮助Q <H1>..<H1> aB我m 到 地址①k/1 abing/Project3/ LHLN2OPagel ht <H6>..<H6>标题元素有6 标题测试 种,用于表示文章中的各 种题目。字体大小<H1>到 标题测试 <H6>顺序减小。下面这个 标题测试 例子中分别使用了<H1>到 标题测试 标题测试 <H6>的标题。其HML文 原洲固 本地Intr 件如下所示,在浏览器中 的显示效果如图8-16所示。 源文件
<TITLE>标记用来给网页命名,网页的名称写在<TITLE>与 </TITLE>标记之间,显示在浏览器的标题栏中。例如,在图8-15中 所示的浏览器页面中,其标题栏所显示的“武汉工业学院”是在 HTML文件中的由<TITLE>武汉工业学院</TITLE>所定义的。 10.1.2 构成网页的基本元素 1.<TITLE>标记 <H1>…</H1> 到 <H6>…</H6>标题元素有6 种,用于表示文章中的各 种题目。字体大小<H1>到 <H6>顺序减小。下面这个 例子中分别使用了<H1>到 <H6>的标题。其HTML文 件如下所示,在浏览器中 的显示效果如图8-16所示。 2.<Hn>标记 源文件
3.预格式化文本标记<pre> HTML的输出是基于窗口的,因而HIML文件在输出时都是要 重新排版的,即把文本上任何额外的的字符(如空格、制表符和回 车符)都忽略,若确实不需要重新排版的内容,可以用pe pre>通知浏览器。在图8-17和图8-18中显示了有无预格式化文本标 记<pre>的对比。 这是一个测试网页回区国这是一个测武网页一31 文件)编辑)查看” 文件¢)编辑c)查看Q)收藏④) 停止刷新 上 地址@同H∥c转到」地0图m3到 HTM是一种描述文档结构的标注语 H狙L是一种描述文档结构的标注语 言,它使用一些约定的标记对各种信息 言,它使用一些约定的标记对各种信 进行标注。 息进行标注。 完成 思本地 Intranet 包完成 回本地 Intranet 源文件
3.预格式化文本标记<pre> 源文件 HTML的输出是基于窗口的,因而HTML文件在输出时都是要 重新排版的,即把文本上任何额外的的字符(如空格、制表符和回 车符)都忽略,若确实不需要重新排版的内容,可以用<pre>…</ pre>通知浏览器。在图8-17和图8-18中显示了有无预格式化文本标 记<pre>的对比
4.<BR>和<P>标记 <BR>用于强制换行。<P>表示一个段落的开始。<P>一般可 不用。 5.<B><<U>< STRONG><S>标记 这几个标记都是用来修饰所包含文档的。<B>标记使文本加粗; <Ⅰ>标记使文本倾斜;<U>标记给文本加下划线;<S>标记给文本加 删除线;< STRONG>标记使文本字体加重。下面给出一个HTM源 文件,其显示结果如图8-19所示。 这是一个测试网页- 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源 文件,其显示结果如图8-19所示
6.<FONT>标记 FONT>…<FONT>用来标记说明 修改字体和颜色。其中 COLOR属性指定文字颜色 颜色的表示可以用6位十六进 Bgcolor设置网页背景颜色 制代码,如< FONT COLOR=ext设置网页非可链接文字的颜色 #00FF00>;SIZE属性指定相Link设置网页可链接文字的颜色 对尺寸。 Aink设置网页正被点击的可链接文字的颜 另外,如果用户想要设置网 页的背景色和文字颜色,可以Mmk设置网页已经点击的可链接文字的颜 将<BODY>标记扩充为: 色 Backgrou设置网页背景图案 <BODY bgcolor=# text=# nd link alink# vlink# ImageR设置网页背景图案的URL地址 background= imageURL 其中各个元素的说明如表8-1# 代表颜色RGB值(格式为 rrggbb) 所示,表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 黑色(B|ack) 000000橄榄色(Oive)808000 红色(Red) FF0000深表色(Tea|)008080 绿色( Green) 00800灰色(Gay)808080 蓝色(B|ue) 0000深蓝色(Nawy)000080 白色( White) FFFFFF浅绿色(Lime)00FF00 黄色( Yellow) FFFF00紫红色( Fuchsia ff00FF 银色( Silver) c0c0c0紫色( Purple800080 浅色(Aqua) 00FFFF茶色( Maroon)800000
颜色 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