- 1、本文档共106页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
实用页面设计方法_2_HTML.pdf
实用页面设计方法
——HTML 1
课程结构 内容 课时(H) 第一章: HTML简介 0.5 第二章: 基本标记 2.5 第三章: 表格(table) 1.5 第四章: 表单(form) 1.0 第五章: 框架(frame) 0.5
第一章:HTML简介 目标: 本章旨在向学员简要介绍HTML的相 学时:0.5学时 关概念、基本结构,学员应该掌握 如下知识: 教学方法:讲授 1)了解HTML的概念 ppt+课堂演示 2)了解HTML的基本结构 3)理解HTML的标记、属性
1.1 HTML概念
? HTML – 超文本标记语言(Hyper Text Markup Language) – 以htm或者html为扩展名 – 包含标记的文本文件 – 通过浏览器解析标记来显示页面
? HTML的编辑器 – 简单文本编辑器即可,可在纯文本中编写代码 – 常用编辑器-Dream Weaver、FrontPage 4 1.2 基本结构 ? HTML文件通常由文档头、正文两部分构成;在外层以 …… 标识为Html文件: ?HTML 部分 欢迎进入HTML世界 ?文档头部分 ?正文部分 体验网页的魅力! 5
1.3 第一个网页-解释执行
FirstPage.html My first page You are welcome! font color blue 开始学习做网页了,一定要加油啊! 6
1.4 标记
? HTML文档是由HTML标记及内容组成的文本文件
? HTML标记的组成 – 通常成对出现,在开始标记和结束标记之间的文本是内容 – 大小写无关, 和 表示的意思是一样的 ELEMENT ATTRIBUTE value ?值- 分配给属性的内容 ?属性- 描述标记 ?元素- 标识标记 7
1.5 标记的属性
? 标记的属性 – 属性为页面上的HTML元素提供附加信息,如: ? body bgcolor ―red‖ …… ? table border ―0‖ …… – 属性通常以name ―value‖ 对出现,写在起始标记中;一 个标记可以有多个属性 – 属性值应该被包含在引号中,常用双引号。可嵌套使用单 引号 ? body style font-size:40pt;color:red …… 8
第二章:基本标记 目标: 本章旨在向学员简要介绍HTML的各 学时:1.5学时 种常用标记,学员应该掌握如下知 识: 教学方法:讲授 1)使用各种基本标记完成简单页 ppt+上机练习 面
2.1 行控制
? 布局 – 浏览器解析HTML页面时,忽略源代码中多余的空格、空 行等,如——line.html – 如果我们需要给文字设置换行样式,需要使用特定的标记 ? ? ? 10
2.1 行控制-无换行-示例 11
2.1.1 行控制-p段落标记
? 段落: …… – 将标记间的文字置为一个新的段落 – 可以设置以下属性 属性 含义 align 设置段落的对齐方式,可取left、center、right。
? 示例——newline.html p align center 段落示列 这是第一段 这是新的一段 12
2.1.1 行控制-p段落标记-示例 13
2.1.2 行控制-br、nobr
? 换行: – 强制进行换行操作
? 不换行: …… – 禁止标记中间的文本换行
? 建议换行: – 将此标记加在建议换行的位置 – 如:页面中显示网址,一般不会在网址字符串中间换行, 加此标记后可能会换行 14
2.1.2 行控制-br-示例 15
2.1.2 行控制-nobr-示例 16
2.2 文字分区-div
? 分区: …… – 把标记中的内容做为单独的一块处理 – 可设置以下属性 属性 含义 align 设置段落的对齐方式,可取left、center、right。 17
2.2文字分区-div-示例 18
2.3 预设格式文本-pre
? 预设格式文本: …… – HTML在显示时一般会吃掉过多的空白字符(只显示一个 )和换行符(不显示),但我们可以用 和 让 空白字符、换行字符保存下来 – 常用于计算机程序的表达 19
2.3 预设格式文本-pre-示例 20
2.4 字体-font
? 字体: …… – 还有basefont标记可以设置页面的默认字体,通常放在 head标记中 – 可设置以下属性 属性 含义 size 设置文字的大小,可取1到7的整数值。 另外:取+3表示字体大小为 字体大小+3;取-3 表示字体大小为 字体大小-3 color 设置文字的颜色。 face 设置文
文档评论(0)