第1章 初识HTML5_补充案例.docVIP

  1. 1、本文档共18页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
博学谷——让IT教学更简单,让IT学习更有效 第1章 补充案例 【案例1-1】 入门案例 一、案例描述 考核知识点 HTML5文档基本格式 练习目标 初步了解HTML5文档基本格式。 能够运用HTML5文档基本格式制作简单的页面。 需求分析 学习任何一门语言,都要首先掌握它的基本格式,HTML5标记语言也不例外。要想制作丰富多彩的HTML5网页,首先需要掌握HTML5文档的基本格式。本案例通过编写一个简单的HTML5网页,使初学者更好地理解HTML5文档的基本格式。 案例分析 效果如图1-1所示。 入门案例效果 具体实现步骤如下: 新建Dreamweaver默认文档。 在title/title标记中添加网页标题。 在body/body标记中添加两个段落。 二、案例实现 新建HTML页面,具体代码如下: !doctype html html head meta charset=utf-8 title入门案例/title /head body p吾生也有涯/p p而知也无涯/p /body /html 保存后,在谷歌浏览器中预览,效果如图1-2所示。 入门案例效果 注意: 上述案例是一个基本的html基本结构,在此结构的基础上可以再增加更多的样式和内容来充实网页。 【案例1-2】 标题标记的应用 一、案例描述 考核知识点 HTML标记、标记的属性 练习目标 掌握hr /标记及其属性的应用。 熟练掌握h1到h6标记的使用。 需求分析 在有哪些信誉好的足球投注网站引擎的文本分析中,标题的信息权重要比正文的大,所以标题的样式非常重要。本案例通过把标题标记和常规文本进行对比输出各种样式的标题。 案例分析 效果如图1-3所示。 标题标记的应用效果 具体实现步骤如下所示: 首先在Dreamweaver中添加一段无格式文本作为参照文本。 添加水平线,并为水平线设置颜色、宽高、左对齐属性。 依次添加标题标记h1、h2、h3、h4样式文本。 二、案例实现 新建HMTL文件,具体代码如下: !doctype html html head meta charset=utf-8 title常见文本标记的应用/title /head body 我是普通的文本br/ hr color=green width=500 align=left size=5/ h1我是h1标记的文本/h1 h2我是h2标记的文本/h2 h3我是h3标记的文本/h3 h4我是h4标记的文本/h4 /body /html 保存后,在谷歌浏览器中预览,效果如图1-4所示。 标题标记的应用效果 注意: 1、hr/的作用是换行并在该行下画一条水平直线,直线的上下两端都会留出一定的空白。 2、在段落标记中,h1最大,h6最小。 【案例1-3】 城东早春 一、案例描述 考核知识点 段落标记、文本格式化标记 练习目标 了解斜体、粗体、下划线、删除线等文本格式化标记。 掌握p标记及其属性的应用。 需求分析 在网页中,有时需要为文字设置粗体、斜体或下划线效果,为此HTML准备了专门的文本格式化标记。本案例通过使用文本格式化标记输出特殊格式的文本。 案例分析 效果如图1-5所示。 城东早春效果 具体实现步骤如下: 在Dreamweaver默认文档中写好6个段落。 在每个段落中分别使用不同的文本格式化标记: 第一个段落即题目设置为粗体; 第二个段落即作者设置为斜体; 第四个段落添加下划线效果; 第六个段落添加删除线效果。 其他段落使用普通的文本格式输出。 二、案例实现 新建HTML页面,代码如下: !doctype html html head meta charset=utf-8 title城东早春/title /head body p align=centerstrong城东早春/font/p p align=rightem作者:杨巨源/em/p pfont color=blue诗家清景在新春,/fontp pins绿柳才黄半未匀。/ins/p pfont color=blue若待上林花似锦,/font/p pdel出门俱是看花人。/del/p /body /html 保存后,在谷歌浏览器中预览,效果如图1-6所示。 城东早春效果 【案例1-4】 如何插入特殊字符 一、案例描述 考核知识点 特殊字符标记 练习目标 掌握常用特殊字符标记的使用。 需求分析 制作网页时,为了让数学符号、版权信息等符号正常显示,就需要了解插入特殊字符的方法。本案例将通过插入特殊字符的方法在页面输出各种各样的特殊字符。 案例分析 效果如图1-7所示。 如何插入特殊字符效果 具体实现步骤如下: 在Dreamweaver默认文档中添加5个段落。 在每个段落中分别使用不同的代码插入相应的特殊字符。 二、案例实现 新建HTM

文档评论(0)

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档