网页制作基础语言——HTML
网页制作基础语言——HTML 掌握制作网页的基本要求!
网页设计与制作教程
机械工业出版社同名教材 配套电子教案 2005.8
网页制作基础语言——HTML 掌握制作网页的基本要求!
第2章 网页制作基础语言——HTML 网页制作基础语言——HTML2.1 HTML简介 HTML简介 2.2 HTML文档的基本结构 HTML文档的基本结构 2.3 网页文件的创建过程 2.4 段落标记 2.5 文字标记 2.6 超链接 2.7 图片 2.8 列表 2.9 表格 2.10 字幕、音频和视频 字幕、 2.11 框架(多窗口页面) 框架(多窗口页面) 2.12 表单
网页制作基础语言——HTML 掌握制作网页的基本要求!
2.1 HTML简介 HTML简介HTML是 HTML是Hypertext Markup Language(超文本标 Language( 记语言)的缩写, 记语言)的缩写,是一种为普通文件中某些字句加上标识的 语言,其目的在于运用标记(tag)对文件达到预期的效果。 语言,其目的在于运用标记(tag)对文件达到预期的效果。 它是构成Web页面 Page),用来表示Web页面的符号标 页面( ),用来表示 它是构成Web页面(Page),用来表示Web页面的符号标 记语言。通过HTML, 记语言。通过HTML,将所需要表达的信息按某种规则写成 HTML文件 通过专用的浏览器来识别,并将这些HTML文 HTML文件,通过专用的浏览器来识别,并将这些HTML文 文件, 件翻译成可以识别的信息,就是所见到的网页。 件翻译成可以识别的信息,就是所见到的网页。 HTML语言是建立网页的规范或标准 HTML语言是建立网页的规范或标准,从它出现发展到 语言是建立网页的规范或标准, 现在,规范不断完善,功能越来越强。 现在,规范不断完善,功能越来越强。但是依然有缺陷和不 人们仍在不断的改进它,使它更加便于控制和有弹性, 足,人们仍在不断的改进它,使它更加便于控制和有弹性, 以适应网络上的应用需求。2000年 W3C组织公布发行了 以适应网络上的应用需求。2000年,W3C组织公布发行了 XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优 1.0版本 版本。 1.0是一种在 是一种在HTML 4.0基础上优 化和改进的新语言,目的是基于XML应用 XHTML是一种 应用。 化和改进的新语言,目的是基于XML应用。XHTML是一种 增强了的HTML, 增强了的HTML,它的可扩展性和灵活性将适应未来网络应 用更多的需求。 用更多的需求。
网页制作基础语言——HTML 掌握制作网页的基本要求!
2.2 HTML文档的基本结构 HTML文档的基本结构2.2.1 标记及其属性 1.标记 1.标记 HTML文档由标记和被标记的内容组成 标记(tag) HTML文档由标记和被标记的内容组成。标记(tag)能 文档由标记和被标记的内容组成。 产生所需的各种效果。格式为: 产生所需的各种效果。格式为: <标记> 受标记影响的内容 </标记> 标记> </标记 标记> 例如,标题标记<title>表示为: 例如,标题标记<title>表示为: 表示为 <title> 我的第一个网页 </title> 2. 标记的属性 标记只是规定这是什么信息,或是文本,
或是图片, 标记只是规定这是什么信息,或是文本,或是图片,但 怎样显示或控制这些信息, 怎样显示或控制这些信息,就需要在标记后面加上相关的属 性来表示,每个标记有一系列的属性。格式为: 性来表示,每个标记有一系列的属性。格式为: <标记 属性1="属性值1" 属性2="属性值2" …> 受 属性1="属性值 属性值1" 属性2="属性值 属性值2" </标记 标记> 影响的内容 </标记> 例如,字体标记<font>有属性 有属性size和color等 例如,字体标记<font>有属性size和color等。 <font size="3" color="red"> 属性示例 </font>
网页制作基础语言——HTML 掌握制作网页的基本要求!
2.2 HTML文档的基本结构 HTML文档的基本结构2.2.2 HTML的基本结构 HTML的基本结构 HTML文档是一种纯文本格式的文件,HTML文档 HTML文档是一种纯文本格式的文件,HTML文档 文档是一种纯文本格式的文件 的基本结构为: 的基本结构为: <html> <head> <title> 网页的标题 </title> </head> <body> 网页的内容 </body> </html> 【例2-1】
网页制作基础语言——HTML 掌握制作网页的基本要求!
2.3 网页文件的创建过程2.3.1 编辑和保存网页 用最简单的“记事本”来编辑网页。 用最简单的“记事本”来编辑网页。 打开记事本。单击Windows的 开始”按钮, ① 打开记事本。单击Windows的“开始”按钮,在 程序”菜单中的“附件”子菜单中单击“记事本” “程序”菜单中的“附件”子菜单中单击“记事本”。 创建新文件,并按HTML语言规则编辑 语言规则编辑。 记事本” ② 创建新文件,并按HTML语言规则编辑。在“记事本” 窗口中输入HTML语言,输入的内容。 窗口中输入HTML语言,输入的内容。 语言 保存网页。打开“记事本” 文件”菜单, ③ 保存网页。打开“记事本”的“文件”菜单,选择 保存” 此时将出现“另存为”对话框, 保存在” “保存”。此时将出现“另存为”对话框,在“保存在”下 拉列表框中选择文件要存放的路径; 文件名” 拉列表框中选择文件要存放的路径;在“文件名”文本框输 入以.html或.htm为后缀的文件名 为后缀的文件名, mypage1.html; 入以.html或.htm为后缀的文件名,如mypage1.html;在 保存类型”下拉列表框中选择“文本文档” “保存类型”下拉列表框中选择“文本文档”。最后单击 保存”按钮,将记事本中的内容保存在磁盘中。 “保存”按钮,将记事本中的内容保存在磁盘中。 如果希望这一页是网站的首页(主页), ),想让浏览者输 如果希望这一页是网站的首页(主页),想让浏览者输 入网址后,就显示这一页的内容, 入网址后,就显示这一页的内容,可以把这个文件设为默认 文档,文件名为index.html或index.htm。 文档,文件名为index.html或index.htm。
网页制作基础语言——HTML 掌握制作网页的基本要求!
2.3 网页文件的创建过程2.3.2 预览网页 通过
编辑可以得到一个.html文件 文件, 通过编辑可以得到一个.html文件,要想使这个文档显 示出网页的样子,就要使用浏览器进行预览。 示出网页的样子,就要使用浏览器进行预览。有两种方法 可以打开.html网页文件 网页文件。 可以打开.html网页文件。 1. 用浏览器打开 网页在浏览后会有不满意的地方,此时可重新在“ 网页在浏览后会有不满意的地方,此时可重新在“记 事本”中打开该.html文件修改 文件修改; 事本”中打开该.html文件修改;或者在浏览器中直接打开 源文件( IE中 查看”菜单中的“源文件” 源文件(在IE中,从“查看”菜单中的“源文件”中打 )。修改后 单击“文件”菜单中的“保存”命令。 修改后, 开)。修改后,单击“文件”菜单中的“保存”命令。如 果浏览器没有关闭,要在浏览器中看到修改后的效果, 果浏览器没有关闭,要在浏览器中看到修改后的效果,不 必重新打开该文件,直接单击浏览器工具栏上的“刷新” 必重新打开该文件,直接单击浏览器工具栏上的“刷新” 按钮。 按钮。 2. 在“Windows资源管理器”或“我的电脑”中打 Windows资源管理器 资源管理器” 我的电脑” 开 Windows资源管理器 资源管理器” 我的电脑” 在“Windows资源管理器”或“我的电脑”中双击 要打开的.html文件 文件, 要打开的.html文件,这时将直接在默认的浏览器中 …… 此处隐藏:7673字,全部文档内容请下载后查看。喜欢就下载吧 ……
相关推荐:
- [文秘资料]班长职务辞职报告
- [文秘资料]完美的辞职报告
- [文秘资料]经典的员工辞职报告
- [文秘资料]医院口腔医生辞职报告
- [文秘资料]总经理辞职报告范文四篇
- [文秘资料]超市职员个人辞职报告
- [文秘资料]村妇联主任的辞职报告
- [文秘资料]辞职报告书格式
- [文秘资料]酒店辞职报告简单范文
- [文秘资料]联通的辞职报告
- [文秘资料]2017最新私企员工辞职报告范文
- [文秘资料]2019年度医院基层党组织书记抓党建述职
- [文秘资料]工作时间长辞职报告
- [文秘资料]辞职报告怎么写出来
- [文秘资料]个人能力原因辞职报告
- [文秘资料]网络工程师辞职报告
- [文秘资料]项目部辞职报告
- [文秘资料]缝纫工辞职报告怎么写
- [文秘资料]XXX州委书记述职报告
- [文秘资料]抓基层党建工作述职报告
- (王虎应老师讲课记录)六爻理象思维
- 八个常见投影机故障排除法
- 质量专业综合知识(中级)第一章质量管理
- 煤矿班组建设实施意见
- 我国快餐业与肯德基经营模式的比较与分
- 汽车保险杠模具标准化模架技术工艺研究
- 汽车二级维护作业团体赛比赛规程
- 装卸搬运工安全操作规程
- 高效的工作方法-刘铁
- 依据《生产安全事故报告和调查处理条例
- 2015专业PS夜景亮化效果图制作教程
- 企业劳动定额定员浅析
- 中枢神经系统医学影像学本科五年制第五
- 长城汽车参观探营第三站:研发试验中心
- 小升初语文专项训练
- 建筑工程质量检测资质分类与等级标准
- 周燕珉-我国养老社区的发展现状与规划
- 《生命里最后的读书会》读后感
- 实验室管理评审报告
- CCNA思科网院教程精华之网络基础知识




