- 1、本文档共39页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
回顾内容:HTML文件的基本结构是怎样的?HTML标记及其属性如何命名?!DOCTYPE头部标记主体标记body1第1页,共39页。
第4讲 使用HTML设置文本和图像4.1 段落标记4.2 文字标记4.3 列表标记4.4 图片标记2第2页,共39页。
4.1 段落标记网页中对文字要安排文字位置需要通过特定的HTML标记来完成。HTML文件中无论输入多少个空格(按空格键)均视为一个空格;换行(按回车键)也无效。3第3页,共39页。
1)段落标记p所谓段落,指得是一段格式上统一的文本基本语法语法解释 从p开始处创建一个段落,段落与上下文都有一空行的间隔标 记描 述属 性属性取值 p…/p双标记alignleftcenterright4第4页,共39页。
2)换行标记br作用: 产生一个换行效果基本语法 br5第5页,共39页。
3)居中标记center基本语法 center……/center作用:使center/center标记对之间的文字在浏览器窗口中居中对齐6第6页,共39页。
段落、换行及居中标记综合示例7第7页,共39页。
4)预格式化标记pre基本语法 pre……/pre语法解释预格式化,是指保留pre/pre之间的文字在源代码中的格式,使其在页面中显示的效果和源代码中的效果几乎完全一致8第8页,共39页。
预格式化标记示例9第9页,共39页。
5) 水平线标记 hr水平线用于段落与段落之间的分隔,使文档结构更加清晰,使文字的编排更加整齐基本语法 hr常用属性 属 性描 述width设置水平线宽度,单位为像素或浏览器窗口的%size水平线高度,单位为像素align水平线对齐方式,取值left|center|right,默认居中对齐noshade默认的水平线的空心立体效果改设为实心的不带阴影的效果color水平线颜色,显示颜色时,当水平线将显示成实心10第10页,共39页。
水平线标记11第11页,共39页。
4.2 文字标记文字标记主要用于设置网页中的所有有关文字方面的内容,具体包括普通文字、特殊字符、标题字、字体以及文字格式等方面的设置12第12页,共39页。
表4-1 常用文字标记标 记描 述文字内容包括普通文字、空格及特殊符号等标题字标记以某几种固定的字号显示文字,共分为六个级别(H1~H6),对应着六种字号文字的修饰标记通过这些修饰标记,可设定文字的不同格式,如粗体、斜体等字体标记设定文字的字体、字号及颜色等13第13页,共39页。
1)文字内容网页中涉及到的文字主要包括:普通文字、特殊符号以及页面的注释语句普通文字的输入: 直接在body和/body标记之间输入 特殊字符的输入: 在源代码中特殊字符使用其对应的符号码代替.特殊符号符号码空格nbsp;“quot;amp;lt;gt;? middot; Xtimes;§sect;¢cent;¥yen;£pound;? copy;?reg;?trade;14第14页,共39页。
2)标题字标记 所谓标题字就是以某几种固定的字号去显示文字,一般用于强调段落要表现的内容或作为文章的标题具有加粗显示并与下一行产生一空行的特性根据字号的大小分为六级,分别用标记H1~H6表示,字号的大小随数字增大而递减标 记描 述属 性属性取值h1……/h1一级标题alignleft(默认值)h2……/h2二级标题h3……/h3三级标题centerh4……/h4四级标题h5……/h5五级标题righth6……/h6六级标题15第15页,共39页。
标题字标记综合示例16第16页,共39页。
3)文字的修饰标记用于对文字进行格式化常用的修饰标记如下:标 记描 述b…/b粗体i…/i斜体sup…/sup上标sub…/sub下标big…/big大字号small…/small小字号u…/u下划线s…/s删除线address…address地址,用于地址、Email17第17页,共39页。
文字修饰标记综合示例18第18页,共39页。
4-1)字体标记font作用:设置文字的字体、字号及颜色基本语法font face=“font_name”size=“value” color=“color_value”…/font表4-3 字体标记的属性属 性描 述face设置字体size字号,取值范围为从1到7,或者从+1到+7、从-1到-7(正负取值相对于页面默认字号3),超出取值范围的,与取值范围的最近的极值效果相同color文字颜色19第19页,共39页。
字体标记综合示例20第20页,共39页。
4.3 列表标记所谓列表,通俗的讲就是各列表项按一定的方式进行排列而成的一张表按列表项排列方式的不同,可分成:有
您可能关注的文档
- 法律保护我们无形的财产.pptx
- 《淘金培训课件》众盟商家平台介绍.pptx
- 搭配中的学问课件.pptx
- 新人教版 二年级数学上册 简单的排列.pptx
- 职位薪酬体系设计案例).pptx
- 随机过程及其统计描述概率论与数理统计.pptx
- 证券公司的优势.pptx
- 结核病实验室检测新诊断技术.pptx
- 认识平行四边形及高的画法.pptx
- 支路电流法教案-徐秋.pptx
- 大学生职业规划大赛《新闻学专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《应用统计学专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《音乐学专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《中医学专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《信息管理与信息系统专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《汽车服务工程专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《水产养殖学专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《市场营销专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《音乐表演专业》生涯发展展示PPT.pptx
- 大学生职业规划大赛《音乐学专业》生涯发展展示PPT.pptx
文档评论(0)