网页前端技术-电子教案-王敏杰 模块一任务二.ppt

网页前端技术-电子教案-王敏杰 模块一任务二.ppt

ID:50468121

大小:1.42 MB

页数:61页

时间:2020-03-09

网页前端技术-电子教案-王敏杰 模块一任务二.ppt_第1页
网页前端技术-电子教案-王敏杰 模块一任务二.ppt_第2页
网页前端技术-电子教案-王敏杰 模块一任务二.ppt_第3页
网页前端技术-电子教案-王敏杰 模块一任务二.ppt_第4页
网页前端技术-电子教案-王敏杰 模块一任务二.ppt_第5页
资源描述:

《网页前端技术-电子教案-王敏杰 模块一任务二.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、HTML任务二在网页中对文字及段落进行修饰案例分解案例资讯在网页中插入绝美的文字设计布局合理的段落用列表让网页格式更工整编辑内容文字效果文字的修饰划分段落排版列表符号编号列表嵌套列表教学目的:熟练掌握网页文字的设置熟练掌握网页段落的设置熟练掌握网页列表的设置教学重点:熟练掌握网页文字的设置熟练掌握网页列表的设置教学难点:熟练掌握网页段落的设置案例一在网页中插入绝美的文字HTML文件里面的文字进行设置案例资讯HTML文档中编辑内容HTML某些字符的特殊意义。一、编辑内容HTML是超文本标记语言,不是编程语言HTML文件包含文本

2、内容,HTML包含一些Tag(标记),扩展名是.html,1、注释HTML注释:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,方便以后你对自己代码的理解与修改。HTML注释的开始使用语法或/*注释的部分*/2、空格符号是特殊符号的一种HTML会自动截去多余的空格使用“ ”表示空格都是在半角状态下。某些字符在HTML中具有特殊意义,如小于号(<)即定义HTML标签的开始。在浏览器中显示这些特殊字符,就必须在HTML文档中使用字符实体。字符实体由3部分组成:&号

3、、实体名和分号(;)。3、特殊符号特殊字符转义码示例大于(>)>Ifa>bthen
a=a+1小于(<)<Ifa<bthen
a=a+1引号(””)"

"淘宝网"

版权号()©

copyright©2007

二、文字效果文字效果的标签是文字样式包括字体,字体的大小,字体的颜色属性例子作用size="number"size="2"定义字体大小size="+number"size="+1"增加字体的大小size=

4、"-number"size="-1"减少字体的大小face="face-name"face="times"定义字体名称color="color-value"color="#eeff00"定义字体颜色color="color-name"color="red"定义字体颜色图72、基底文字用标签语法:文本内容size属性用于指定字体的大小color属性用于指定字体的颜色,可以指定颜色名称或十六进制值。face属性用于指定字体的类型。三、

5、文字的修饰是网页不可缺少的元素之一是网页发布信息所采用的主要形式修饰指对文本的文字进行加粗,变斜体,加下划线等。1、文字的基本修饰常用的对文字修饰的标签:标签:对文字加粗标签:文字变成斜体字标签:给文字加下划线标签:在文字之间划线标签:打字体2、文字的上下标上标用这个属性,下标用这个属性。语法:内容value内容value3、标

6、题文字HTML语言提供了一系列对文本中的标题进行操作的标记对

……

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
标题标记有三种水平对齐的方式h1黑体,特大字体,上下各有两行空行。h2黑体,大字体,上下各有一到两行空行。h3黑体,大字体,左端微缩进,上下空行。h4黑体,普通字体,比h3更多缩进,上边空一行。h5黑体,与h4相同缩进,上边空一行。h6黑体,与正文有相同缩进,上边空一行。还

7、是可以使用IDE中的字体属性来选择字号。案例步骤一、编辑内容的实例记事本里代码如下:符号应用

手机充值、IP卡/电话卡
移动 

8、 100

9、 联通

10、 50

Copyright©2011"淘宝网"Allright.记事本里代码如下:

11、文字效果这里有美丽的风景<

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。