2.3 主体标记及其之间的常用标记(课件)-高二《网页设计与制作》同步教学(中国人民大学出版社)
2023-07-31
|
20页
|
115人阅读
|
34人下载
普通
资源信息
| 学段 | 中职 |
| 学科 | 职教专业课 |
| 课程 | 网页设计与制作 |
| 教材版本 | - |
| 年级 | 高二 |
| 章节 | - |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2023-2024 |
| 地区(省份) | 全国 |
| 地区(市) | - |
| 地区(区县) | - |
| 文件格式 | PPTX |
| 文件大小 | 159 KB |
| 发布时间 | 2023-07-31 |
| 更新时间 | 2023-07-31 |
| 作者 | 匿名 |
| 品牌系列 | - |
| 审核时间 | 2023-07-31 |
| 下载链接 | https://m.zxxk.com/soft/40143458.html |
| 价格 | 0.00储值(1储值=1元) |
| 来源 | 学科网 |
|---|
内容正文:
2.3 主体标记及其之间的常用标记
2.3.1主体标记及其属性
<BODY>…</BODY>:它是网页主体内容标记。其中包含了网页的正文内容,一般不可缺少。
<BODY BGCOLOR=#RRGGBB>:使用<BODY>标记中的BGCOLOR属性,可以设置网页的背景颜色。使用的格式有以下两种。
<BODY BGCOLOR=#RRGGBB>
<BODY BGCOLOR=颜色的英文名称>
在第一种格式中,RR、GG、BB可以分别取值为00~FF的十六进制数。RR、GG、BB分别用来表示颜色中的红色、绿色和蓝色成分的多少,数值越大,颜色越深。红、绿、蓝三色按一定比例混合,可以得到各种颜色。
例如,RR =FF,GG=FF,BB=00,表示为黄色。如果RRGGBB取值为000000,则为黑色;RRGGBB取值为FFFFFF,则为白色;RRGGBB取值为FF8888, 则为浅红色。
第二种格式是直接使用颜色的英文名称来设定网页的背景颜色。例如:
<BODY BGCOLOR=blue>:用来设置网页的背景颜色为蓝色。
<BODY BGCOLOR=red>:用来设置网页的背景颜色为红色。
<BODY BGCOLOR=white>:用来设置网页的背景颜色为白色。
2.3.2文字与段落标记
1.标题标记
2.段落标记
3.换行符标记
4.字体标记
5.字体风格
6.添加注释
2.3.3 列表标记
列表分为项目列表和编号列表,在什么情况下用到这两个列表呢?读者在门户网站上浏览新闻时,在网站的新闻列表中,新闻标题前会出现一个小圆点,而有的是有序号的数字,前者表示的是项目列表,后者表示的是编号列表。学习列表的表示,通过代码可以表现出列表是编号列表还是项目列表。
1.项目列表
所谓项目列表是指在列表中没有顺序可言,表里的每项都是相同的。列表的语法分两部分:
所谓项目列表是指在列表中没有顺序可言,表里的每项都是相同的。列表的语法分两部分:
<!--下面一行表示项目列表-->
<ul>
<li>表项一</li>
<li>表项二</li>
<li>表项三</li>
</ul>
分析上面代码,决定项目的是<ul>,而<li>只是里面的一列表项。如果想列出更多的表项,那么就在<ul></ul>里加表项<li></li>就可以。
2.编号列表
与编号列表对应的是有序列表,表项里不用设置就可以自动按顺序排列,初学者乍一看很神奇,现在来揭开神秘面纱。
编号列表用<ol></ol>表示有顺序,里面表项符与项目列表一样的,只代表一个表项而已,在多个表项中,系统自动按顺序排列,语法代码如下:
<!--下面一行表示编号列表-->
<ol>
<li>表项一</li>
<li>表项二</li>
<li>表项三</li>
</ol>
与项目列表相差只是在<ol>上。下面示例的内容与项目列表是一样的(表项都是一样),不同的是用<ol></ol>标记对取代了<ul></ul>标记对。
2.3.4 图像标记
<IMG />:它是图像标记。用来加载图像与GIF动画。在网页中加载GIF动画的方法与加载图像的方法一样。GIF动画文件的扩展名也是.gif,文件格式是GIF89A格式。制作GIF动画的软件有很多,例如Fireworks和Ulead GIF Animator 5.0等。
SRC:它是依附于其他标记的一个属性,依附于<IMG />标记时,用来导入图像与GIF动画。其格式如下:
<IMG SRC="图像文件的目录与文件名" />
提示:属性除了src外,还有width(宽),height(高),alt(替代文本)等。
设置背景平铺图像:使用<BODY>标记中的BACKGROUND属性,可设置网页的平铺背景图像,其格式如下:
<BODY BACKGROUND="图像文件名或URL">
2.3.5 超链接标记
1.在同一个网页中建立链接的HTML标记
在同一个网页文件中建立链接,需要做以下工作。
(1)在文件的前面需要列出链接的标题文字,它们相当于文章的目录。同时将这些文字与相应的锚记名称(即定位名)建立链接。所谓“锚记名称”是指网页中能被链接到的一个特定位置。建立链接时,要在锚记名称前加一个“#”符号,其格式如下:
<A HREF="#锚记名称">标题名字</A>
(2)为被链接的内容起一个名字,该名字叫锚记名称,其格式如下。
<A NAME="锚记名称"></A>
锚记名称的定义要放在相应标题对应的内容前面。
2.建立电子邮件链接
如果将HREF属性值指定为“MAILTO:电子邮件地址”,就可以获得电子邮件链接的效果。例如,使用下面的HTML代码可以设置电子邮件的超链接。
<A HRE
由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。