当前位置：文档之家 › Html简介-第1章

Html简介-第1章

  • 格式：ppt
  • 大小：1.35 MB
  • 文档页数：21

下载文档原格式

  / 21

合集下载

HTML介绍

HTML介绍
<html> <head> 头部信息 </head> <body> 文档主体，正文部分 </body> </html>
Page 12
1.2 HTML结构
根据 HTML 标准，仅有几个标签在 HTML 的头部分是合 法的。
标签
<head> <title> 定义关于文档的信息。 定义文档标题。
描述
Page 21
1.4.1 标签
HTML 标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签 进行定义的。<h1> 定义最大的标题，<h6> 定义最小 的标题。 实例1：
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
Page 17
1.3 页面类型
静态页面VS动态页面
静态页面，也就是HTML语言编辑出的页面。
• 缺点是：相对于动态页面来说支持的功能少 • 优点是：浏览速度快，占用服务器资源小
动态页面，用ASP、JSP、PHP 等语言编辑的页面。
• 缺点是：占用系统资源大，浏览速度相对静态页面来说 慢一些 • 优点是：方便管理，功能强大，可扩展性高
注释：浏览器会自动地在标题的前后添加空行。默认 情况下，HTML 会自动地在块级元素前后添加一个额 外的空行，比如段落、标题元素前后。
Page 22
1.4.1 标签
实例2： <html>

网页设计与制作课件第1章

网页设计与制作课件第1章
上一页 返回
1.1.2 Web浏览器基本结构原理
知识点评
中文名称：网络浏览器或网页浏览器，简称浏览器 （Web Browser）。 浏览器是显示网页服务器或文件系统内的HTML文件，并让用户与这些文件 互动的一种软件。个人计算机上常见的网页浏览器包括Microsoft Internet Explorer、Opera和Netscape等。浏览器是最常用的客户端程序。 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页 浏览器送交数据到网页服务器并且获取网页。网页的位置以URL（统一资源定位 符）指示，此乃网页的地址，以HTTP: //开始的便是通过HTTP协议登录。 网页通常使用HTML（超文本标记语言）文件格式，并在HTTP协议内以 MIME内容形式来定义。大部分浏览器均支持许多HTML以外的文件格式，例如 JPEG、PNG和GIF图像格式。在HTTP协议和URL内容结合下，网页设计者便可 以把图像、动画、视频、声音和多媒体包含在网页中，或让浏览者透过网页而浏 览它们。
上一页 下一页 返回
知识点评
Dreamweaver另外还提供了许多面板、检查器或窗口。若要打开Dreamweaver 面板、检查器或窗口，可以使用【窗口】菜单进行选择，如下图所示。
【窗口】菜 单项所包含 的内容
上一页 返回
1.3.2 创建本地虚拟站点
在本地创建虚拟站点，如下图所示。
目标案例
下一页 返回
步骤7：系统显示刚对网站的设置内容，如果要对设置不满，可以单击“上 一步”按钮更改设置。
上一页 下一页 返回
知识点评
7．“属性”检查器
用于显示网页中各个元素的相关属性，用户可以设置“属性”面板中的 各选项参数，对网页中的各个属性作设置和修改。如下图所示。

HTML5移动Web开发任务教程 第1章 移动Web开发概述

HTML5移动Web开发任务教程 第1章 移动Web开发概述
01 移动web开发基本概念
移动端会支持触屏、滑动、缩放、放大等手势操作。
移动Web浏览器受到屏幕尺寸的限制，所以移动端网站的设计会将本站最核心的产品进行展示，菜单栏也会缩进一个汉堡菜单中。
PC端硬件配置相对强大，各种浏览器对硬件的要求已经无需太多的限定。而手机的性能相对于PC端要低的多，内置的浏览器就需要考虑硬件因素。所以移动Web浏览器功能相对有限。但是随着手机的硬件设备不断加强，移动Web浏览器支持的功能也随着越来越多。
移动Web开发即针对移动端的Web页面的开发，它与PC端Web开发有什么区别？
移动Web开发简介
01 移动web开发基本概念
PCWeb开发
移动Web开发
移动端Web开发与PC端Web开发所用的技术类似，开发项目的呈现是依赖于移动端Web浏览器。在移动Web开发中，需要注意的有两点。 （1）由于屏幕大小的限制，在移动Web开发中，要注意由于页面的结构不能过于繁琐，要提炼出该网站最为核心的功能，简洁清晰的呈现出来。 （2）对于页面的一切交互活动由鼠标控制变成了手指触屏控制，所以在移动Web开发时，会增加一些触屏事件。
移动Web开发概述
01
移动Web开发简介
移动Web开发概述
02
移动Web开发技术
03
开发工具HBuilder的使用
01
移动Web（移动网页）:在移动端Web 浏览器中运行的Web 应用。
Native App（原生应用）：用Objective-C 等原生语言开发的移动应用。
02
Hybrid App（混合应用）：将移动Web 页面封装在原生外壳中，以App 的形式与用户交互。
移动Web开发简介
01 移动web开发基本概念

HTML第一章试题( 含答案)

HTML第一章试题( 含答案)

HTML第一章试题（含答案）第1章 HTML基本概念测试1、网页中空格的字符实体为(_____)。

A、>B、"C、©B、文本文件 D、图像文件 B、Meta D、Description B、错误 B、错误 B、错误 B、Keywords D、http-equiv B、错误 B、错误 B、错误D、2、HTML文档属于(_____)。

A、可执行文件 C、批处理文件 A、Keywords C、Img3、在网页头部信息中不包含下面的(_____)对象。

4、用任何文本编辑器都能编辑制作HTML文件。

A、正确 A、正确 A、正确 A、Charset C、Description A、正确 A、正确 A、正确5、页面摘要信息存放在文档主体标签7、HTML文档使用meta元素的(_____)属性指定文档编码。

8、文字、图片或超链接为行级元素。

9、段落标签为块级元素。

10、在网页文档头部定义的标题内容将在浏览器窗口中显示。

11、以下关于块级元素与行级元素的描述中，答案(_____)是错误的。

A、块级标签具有一定的宽度和高度，可以通过设置width、height属性来控制。

B、块级元素可以包含块级元素和行级元素。

C、块级元素各占据一行，垂直方向排列。

D、行级元素设置width、height属性有效。

12、如果希望将某个网页作为网站的首页（主页），文件名可以命名为index.html或index.htm。

A、正确B、错误13、以下关于浏览网页的描述中，答案(_____)是错误的。

A、如果浏览器没有关闭，要在浏览器中看到修改后的效果，不必重新打开该文件，直接单击浏览器工具栏上的“刷新”按钮即可。

B、保存网页时如果是以非.html或.htm的文件后缀名存储的文件，用浏览器打开后，看到的可能是乱码。

C、在IE浏览器中，单击“编辑”菜单中的“源文件”可以打开网页源文件。

D、网页在浏览后如果有不满意的地方，用户可重新在“记事本”中打开该html文件进行修改。

HTML教程(42页)免费下载.pdf

HTML教程(42页)免费下载.pdf

HTML教程课程内容第1章HTML简介 (3)1.1 什么是HTML (3)1.2 为什么学习HTML (3)1.3 HTML的发展史 (4)第2章第一个HTML文档 (4)2.1 HTML结构 (4)2.2 我的第一个网页 (5)第3章HTML元素 (5)3.1 HTML标签 (5)3.2 标签属性 (6)练习： (6)第4章使用Dreamweaver Mx开发网页 (7)第5章HTML基本标签 (7)5.1 段落 (7)5.2 标题元素 (8)5.3 换行 (8)5.4 水平线 (8)5.5 HTML中的注释 (9)5.6 嵌入元素 (9)练习： (9)第6章HTML格式化标签 (10)6.1 HTML的<font>标签 (10)6.2 格式化文字： (11)6.3 删除和插入文字： (12)6.4 预格式化文本 (12)6.5 其他参考： (13)6.5.1 “计算机输出”标签： (13)6.5.2 地址： (14)6.5.3 缩写和首字母缩略法： (14)6.5.4 文字方向： (14)6.5.5 块引用： (15)第7章HTML链接 (15)7.1 连接 (15)7.2 锚标签和href属性 (16)7.3 邮件链接： (17)7.4 target属性 (18)练习： (18)第8章HTML表格 (18) 8.1表格头使用<th>标签指定.................................................................................19 8.2有标题的表格：.................................................................................................19 8.3美化表格.............................................................................................................20 8.4frame 属性...........................................................................................................20 练习：.............................................................................................................................23 第9章 HTML 列表.. (23)9.1无序列表.............................................................................................................23 9.2有序列表.............................................................................................................24 9.3 自定义列表.........................................................................................................24 练习：.............................................................................................................................25 第10章HTML 图像.................................................................................................................25 10.1alt 属性.................................................................................................................25 10.2对齐图像：.....................................................................................................25 10.3图像导航：.....................................................................................................26 10.4图像地图：.....................................................................................................27 练习：.............................................................................................................................27 第11章颜色表示.....................................................................................................................27 第12章HTML 特殊字符/实体................................................................................................28 第13章HTML 表单.................................................................................................................29 第14章 HTML 框架.................................................................................................................32 14.1垂直分栏：.....................................................................................................32 14.2水平分栏：.....................................................................................................32 14.3混合框架：.....................................................................................................33 14.4导航框架.........................................................................................................33 14.5<noframes>标签：.............................................................................................33 练习：.............................................................................................................................34 14.6内嵌框架.........................................................................................................34 第15章HTML 样式................................................................................................................34 15.1内部样式表.....................................................................................................35 15.2行内样式.........................................................................................................35 15.3连接外部样式表.............................................................................................35 15.4 样式标签.........................................................................................................36 第16章HTML 文件头............................................................................................................36 例1：给所有连接添加一个目标..................................................................................36 例2：背景音乐..............................................................................................................37 16.1HTML Meta........................................................................................................37 16.1.1name 属性........................................................................................................37 16.1.2http-equiv 属性................................................................................................38 第17章HTML 脚本................................................................................................................40 第18章HTML4.0 事件属性..................................................................................................41 第19章 HTML 属性. (42)Created by YYM Page 2 of 42标准资料收藏家 易启标准网免费提供十万标准书籍资料下载参考信息//w3/相关技术手册/imagesnew/software/html/index.html微软提供的在线帮助/library/chs/default.asp?url=/library/CHS/vbcon/html/vblrf HTMLDivControls.asp第1章 HTML简介1.1什么是HTML9HTML文件是一个包含标记的文本文件。

HTML+CSS+JavaScript网站开发实用技术第1章

HTML+CSS+JavaScript网站开发实用技术第1章

1.1 互联网的访问过程
IP地址和域名 我们要浏览服务器上的资源，必须知道服务器在 网络中的地址，这是通过IP地址来实现的。为了 实现IP地址的易理解、易识别，又引入了域名的 概念。 IP地址是识别互联网上计算机和网络设备的标识 。 域名是IP地址的一种符号化表示，域名通过域名 解析系统（Domain Name System，DNS ）保证每台主机的域名与IP地址一一对应。
1.7 建立站点
1.7.3创建站点 （1）在本地计算机上创建要用于存储站点文件的 本地文件夹e:\e_learning，文件夹结构根据网 站需要设计，将e:\e_learning作为本地根文件 夹。 （2）在Dreamweaver窗口中执行[站点]/[新 建站点]命令。输入用于存储站点文件的本地文件 夹的地址即可。
命令[查看]/[源文件]，可在浏览器中查看这个网页的 HTML语言描述
1.3 网站设计中的一些基本概念
静态网页是指在浏览器中运行，不需要到后台数 据库检索数据、不含有程序的纯HTML格式的网 页文件，其文件后缀一般为.html、.htm、 .shtml等。 动态网页是指网页文件中除了包含HTML标记， 而且还包含需要在服务器上执行的程序代码。动 态网页需要后台数据库与Web服务器交互，利用 数据库实现数据更新和查询服务。动态网页扩展 名一般是.asp、.jsp、.php等。
1.3 网站设计中的一些基本概念
1．网站即Website，也称作站点，是指在互联网 上，根据一定的规则，使用HTML语言编写的用于 展示内容的网页的集合。在本地计算机上，网站体 现为一组文件夹。 网站由域名、网站空间、网页3部分组成。 2. 网页实际上是用HTML语言编写的文本文件。在 浏览网页时，浏览器将HTML语言翻译成用户看到 的网页。

HTML基础知识

上一页 下一页 返回
2.4 HTM L标记
2.图像标记<IMG>
在HTML中，使用IMG标记在网页中加入图像。它具有 两个基本属性src和alt，分别用于设置图像文件的位置和替 换文本。
上一页 下一页 返回
2.4 HTM L标记
2.4.6超链接标记
1.相对地址与绝对地址 URL 统一资源定位符，也被称为网页地址，是表示互联
上一页 下一页 返回
2.4 HTM L标记
2.4.3文本标记
1.<FONT> <FONT>标记用于控制网页上文字的字体，大小和颜色。
控制方式是利用属性设置得以实现的。 2.特殊符号
某些字符在HTML中具有特殊意义，如小于号(<)即定 义HTML标记的开始。这个小于号是不显示在最终看到的网 页单的。那如果希望在网页中显示一个小于号，该怎么办呢? 要在浏览器中显示这些特殊字符，就必须在HTML文档中使 用字符实体。
在<TD>和<TH>标记内使用colspan的取值表示水平 方向上合并的列数。
上一页 下一页 返回
2.4 HTM L标记
2.4.8表单标记
1.表单元素 <FORM>标记：用于在网页中创建表单区域，属于一
个容器标记，表示其他表单标记需要在它的包围中才有效。 其属性介绍如下。 action用来设置接收和处理浏览器递交的表单内容的服务器程 序的URL。 method：此属性告诉浏览器如何将数据发送给服务器，它指 定向服务器发送数据的方法(用POST方法还是用GET方法)。
上一页 下一页 返回
2.4 HTM L标记
2.4.10脚本标记
有时，网页中的一些特殊效果击要加入脚本语言才能够 实现，脚本语言是一种简化的编程语言，它可以生成许多的 网页特效，如滚动的文字、雪花效果、波浪效果等。‘常用 的脚本语言有3种，分别是JavaScript， VBScript和 Jscript。其中JavaS cript是IE不II Navigator都完全 支持的脚本语言，所以使用得最广泛。

Web前端开发技术 (第3版)储久良1


教育部高等学校软件工程专业教学指导委员会规划教材
第1章 Web前端开发技术综述
Page: 12
Web前端开发技术-HTML5、CSS3、JavaScript
1.3.1 HTML超文本标记语言的发展历史
HTML1.0：1993年6月作为互联网工程工作小组（IETF）工作草 案发布；
HTML2.0：1995年11月作为RFC 1866发布，在RFC 2854于 2000年6月发布之后被宣布已经过时。
教育部高等学校软件工程专业教学指导委员会规划教材
第1章 Web前端开发技术综述
Page: 4
Web前端开发技术-HTML5、CSS3、JavaScript
1.1.1 Web的起源
Tim Berners-Lee后来在这个网站里列举了其它网站，是世界上 第一个万维网导航站点。追溯到1980年Tim Berners-Lee构建的 ENQUIRE项目。
第1章 Web前端开发技术综述
Page: 14
Web前端开发技术-HTML5、CSS3、JavaScript
1.3.2 CSS（续）
2.CSS发展历史
CSS1: 1996年12月17日发布，W3C推荐标准，1999年1月11日 重新修订；
CSS2：1999年1月11日发布，W3C推荐标准，CSS2添加了对媒 介（打印机和听觉设备）、可下载字体的支持；
1.3.3 JavaScript
JavaScript的出现使得网页和用户之间实现了一种实时性的 、动态的、交互性的关系，使网页包含更多活跃元素和更加精彩 的内容。
1.JavaScript由来。JavaScript最初由网景公司（Netscape） 的Brendan Eich设计，是一种由Netscape的LiveScript发展而来 的客户端脚本语言，主要目的是为了解决服务器端语言，提供数 据验证的基本功能。

网页设计与制作实用教程(第3版) 第1章-网站开发基础


1.1.2 网站的类型及定位
2．电子商务网站 电子商务网站是目前最具发展潜力的网站类型。电 子商务网站提供网上交易和管理等全过程的服务， 因为它具有广告宣传、咨询洽谈、网上订购、网上 支付、电子账户、服务传递、意见征询、交易管理 等各种功能。
1.1.2 网站的类型及定位
3．视频分享网站 视频分享网站为用户提供视频播客、视频分享、视 频搜索及所有数字视频内容的存储和传输服务。可 供用户在线观看最新、最热的电视、电影和视频资 讯等。
1.1.3 认识网页
表单：访问者要查找一些信息或申请一些服务时需 要向网页提交一些信息，这些信息就是通过表单的 方式输入到Web服务器，并根据所设置的表单处 理程序进行加工处理的。表单中包括输入文本、单 选按钮、复选框和下拉菜单等。 超链接：超链接是实现网页按照一定逻辑关系进行 跳转的元素。 动态元素：动态元素包括GIF动画、Flash动画、 滚动字幕、悬停按钮、广告横幅、网站计数器等。
网页设计与制作实用教程（Dreamweaver+Flash+Photoshop（第3版））
第1章 网站开发基础
本章主要内容：
网站开发概述 网站开发流程 常用网页设计软件 HTML入门
1.1 网站开发概述
网站开发就是使用网页设计软件， 经过平面设计、网络动画设计、网页排 版等步骤，设计出多个页面。这些网页 通过一定逻辑关系的超链接，构成一个 网站。
1.1.2 网站的类型及定位
网站是一种新型媒体，在日常生活、商业活动、娱 乐游戏、新闻资讯等方面有着广泛的应用。在网站 开发之前，需要认识各种网站的主要功能和特点， 对网站进行定位。下面介绍几种常见的网站类型。
1.1.2 网站的类型及定位
1．综合门户网站 综合门户网站具有受众群体范围广泛，访问量高、信 息容量大等特点，包含时尚生活、时事新闻、运动娱 乐等众多栏目。综合门户网站定位明确，以文字链接 为主要内容、版式和色彩较为直观、简洁。

HTML 语言简介







<html> <head> <title>段落对齐</title> </head> <body topmargin=10 leftmargin=10> <p align=left>左对齐</p> <p align=center>居中对齐</p> <p align=right>右对齐</p> </body> </html>
第3章 HTML 语言简介
本章要点




HTML语言简要介绍 HTML文本编辑 编辑超链接 网页布局 插入图像及多媒体文件 使用框架
3.1 HTML语言

尽管是服务器端技术，但是作为 一个完整的网站常常离不开前端的浏览器， 只有将网页开发技术与后台技术有机地结 合才能构建功能强大的网站。另外， 也提供了网页开发环境，在这个 环境中我们完全能够开发出生动、美观的 网页来。



字体大小


字体大小可以通过<font size=字体大小> ... </font> 的格式来设置，字体大小可以为1, 2, 3, 4, 5, 6, 7，字体大小依次增大，默认值 为3，例如： <font size=7>今天天气真好！</font> 今 天天气真好！
字体颜色


3.2 HTML文本编辑

3.2.1 HTML文本的格式化 字符的格式化 标题字体
在HTML中，定义了一些标题字体的格式，可以用<hn> ... </hn>表示，其中n=1, 2, 3, 4, 5, 6，从1到6，标题字体大小 依次减小，例如。 <h1>今天天气真好！</h1> <h2>今天天气真好！</h2> <h3>今天天气真好！</h3> <h4>今天天气真好！</h4> <h5>今天天气真好！</h5> <h6>今天天气真好！</h6>
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

1.3 网页设计相关概念
HTML语言与网页制作技术
统一资源定位器
统一资源定位器(Uniform Locator，URL) 统一资源定位器(Uniform Resource Locator，URL)用 于描述Internet上资源的位置和访问方式。 Internet上资源的位置和访问方式 于描述Internet上资源的位置和访问方式。 URL示例： URL示例： 示例
1.4网页制作开发工具
HTML语言与网页制作技术
文本编辑器
不仅在记事本中可以编写HTML代码， 不仅在记事本中可以编写HTML代码，任何文本编辑器都 HTML代码 可以编写HTML。比如写字板、word等 可以编写HTML。比如写字板、word等，但保存的时候必须保 HTML 存为.html或.htm格式。 存为.html或.htm格式。 .html 格式
网页的扩展名
****.htm ****.asp ****.php ****.xhtml ****.html ****.aspx ****.css ****.shtml ****.jsp ****.xml
1.4网页制作开发工具
HTML语言与网页制作技术
编辑工具
HTML代码可以使用Windows操作系统中自带的记事本进行编辑。 HTML代码可以使用Windows操作系统中自带的记事本进行编辑。 代码可以使用Windows操作系统中自带的记事本进行编辑 如果你正在使用的话，你可以使用它自带的记事本（Notepad）程序， 如果你正在使用的话，你可以使用它自带的记事本（Notepad）程序， 依次点击“开始菜单→程序→附件”找到该程序。 依次点击“开始菜单→程序→附件”找到该程序。
/zlft/2009-02/28/content_10918112.htm /html/fosterindex.shtml /html/1188788383796.shtml /n?cmd=2&class=top&page=http%3A%2F%2 %2Fworld%2F2011-02%2F28%2Fc_1211275 82.htm&clk=rrel&cls=top&where=toppage
1.1 万维网概述
HTML语言与网页制作技术
系统已在教育、科学技术、商业广告、公共关系、 WWW 系统已在教育、科学技术、商业广告、公共关系、大 众媒体和娱乐等多方面起着愈来愈重要的作用 。 的应用成为Internet上最受欢迎的应用之一， Internet上最受欢迎的应用之一 WWW 的应用成为Internet上最受欢迎的应用之一，它的出 现极大的推动了Internet的推广。 现极大的推动了Internet的推广。 Internet的推广 WWW 获得成功的秘诀在于它制定了一套标准的、 易于人们 获得成功的秘诀在于它制定了一套标准的、 掌握的超文本开发语言HTML、信息资源的统一定位格式URL 掌握的超文本开发语言HTML、信息资源的统一定位格式URL 超文本开发语言HTML 和超文本传送通信协议HTTP，用户掌握后可以很容易地建立 超文本传送通信协议HTTP， HTTP 自己的网站。 自己的网站。
1.3 网页设计相关概念
HTML语言与网页制作技术
首页
首页(Home page)，也可以称之为主页，它是一个单独的网页， 首页(Home page)，也可以称之为主页，它是一个单独的网页，和 一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整 一般网页一样，可以存放各种信息，同时又是一个特殊的网页， 个网站的起始点和汇总点，是浏览者访问一个网站的第一个网页。 个网站的起始点和汇总点，是浏览者访问一个网站的第一个网页。 一个网站的首页一般用于简介、导航、索引。 一个网站的首页一般用于简介、导航、索引。
网页
网页(Web pages)是网站的组成部分 是网站的组成部分， 网页(Web pages)是网站的组成部分，制作者可以将需要公布的信 息按照一定的方式分类，放在每个网页上，网页里可以有文字、图象、 息按照一定的方式分类，放在每个网页上，网页里可以有文字、图象、 声音及视频信息等。网页可以看成是一个单一体，是网站的一个元素。 声音及视频信息等。网页可以看成是一个单一体，是网站的一个元素。
主要内容
HTML语言与网页制作技术
• 了解万维网的用途 • 了解网页设计的基本概念 • 认识 认识HTML、CSS、JavaScript 、 、
1.1 万维网概述
HTML语言与网页制作技术
WWW（ Web）是一个基于超文本（Hypertext） WWW（World Wide Web）是一个基于超文本（Hypertext） 方式的信息检索服务工具。 方式的信息检索服务工具。 超文本结构是采用由指针连接的超网状结构， 超文本结构是采用由指针连接的超网状结构，通过指针连 接方式多方位组织信息源。 接方式多方位组织信息源。 系统使用多媒体信息源，如文本、图形、图像、声音、 WWW 系统使用多媒体信息源，如文本、图形、图像、声音、 视频等，可以把分散在不同主机上的资源有机地组织起来， 视频等，可以把分散在不同主机上的资源有机地组织起来， 超文本与多媒体的结合，被称为“超媒体” hypermedia）。 超文本与多媒体的结合，被称为“超媒体”（hypermedia）。
1.4网页制作开发工具
HTML语言与网页制作技术
EditPlus
编辑器，它除了支持颜色标记、 是一款非常好用的 HTML 编辑器，它除了支持颜色标记、 标记， C++、Perl、Java等其他语言 等其他语言， HTML 标记，同时支持 C、C++、Perl、Java等其他语言，另 它还内建完整的HTML 指令功能， 外，它还内建完整的HTML & CSS 指令功能，可提高编写效 率。
1.2 HTML语言
HTML语言与网页制作技术
HTML计算机网络信息发布“母语” HTML计算机网络信息发布“母语” 计算机网络信息发布 HTML是 Language的英文缩写 即超文本标记语言， 的英文缩写， HTML是Hyper text Markup Language的英文缩写，即超文本标记语言， 它是构成Web页面（Page）的主要工具。 它是构成Web页面（Page）的主要工具。 Web页面 用HTML编写的超文本文档称为HTML文档，它是由很多标记组成的一种 HTML编写的超文本文档称为HTML文档， 编写的超文本文档称为HTML文档 文本文件，HTML标记可以说明文字、图形、动画、声音、表格、 文本文件，HTML标记可以说明文字、图形、动画、声音、表格、链接等 。 标记可以说明文字 使用HTML语言描述的文件，能独立于各种操作系统平台（ UNIX， 使用HTML语言描述的文件，能独立于各种操作系统平台（如UNIX， HTML语言描述的文件 WINDOWS等），访问它只需要一个WWW浏览器，所看到的网页， WINDOWS等），访问它只需要一个WWW浏览器，所看到的网页，是浏览器 访问它只需要一个WWW浏览器 对HTML文件进行解释的结果。 HTML文件进行解释的结果。 文件进行解释的结果
《HTML语言与网页制作技术》 HTML语言与网页制作技术》 语言与网页制作技术
Company name
第1章 网页设计简介
哈尔滨学院软件学院
教 材
HTML语言与网页制作技术
网页设计与开发 —— HTML、CSS、 HTML、CSS、JavaScript 郑娅峰 主编 清华大学出版社 HTML、CSS、 HTML、CSS、JavaScript 标准教程 本书编委会 电子工业出版社 2011.9 2009.7
1.4网页制作开发工具
HTML语言与网页制作技术
用记事本编辑网页示例： 用记事本编辑网页示例：
这是一个简单的HTML代码，从菜单选择“文件另存为” 这是一个简单的HTML代码，从菜单选择“文件另存为”，将该文本文 HTML代码 件命名为“P1-1.htm” 在文件夹中双击文件名“P1-1.htm” 即可用IE浏 件命名为“P1-1.htm”。在文件夹中双击文件名“P1-1.htm”，即可用IE浏 IE 览器打开该网页文件。 览器打开该网页文件。
1.3 网页设计相关概念
HTML语言与网页制作技术
网站
网站(Web Site)是一个存放网络服务器上的完整信息的集合体 是一个存放网络服务器上的完整信息的集合体。 网站(Web Site)是一个存放网络服务器上的完整信息的集合体。 它包含一个或多个网页，这些网页以一定的方式链接在一起， 它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个 整体，用来描述一组完整的信息或达到某种期望的宣传效果。 整体，用来描述一组完整的信息或达到某种期望的宣传效果。
1.2 HTML语言
HTML语言与网页制作技术
网页示例
可以通过浏览器直接查看一个页面的HTML源代码，例如在IE浏览器 可以通过浏览器直接查看一个页面的HTML源代码，例如在IE浏览器 HTML源代码 IE 菜单栏上选择“查看源文件”即可。 菜单栏上选择“查看源文件”即可。
1.3 网页计相关概念
HTML语言与网页制作技术
超链接
超链接(Hyper Link)是特殊的文字标识 它指向了WWW中的资源， 是特殊的文字标识， WWW中的资源 超链接(Hyper Link)是特殊的文字标识，它指向了WWW中的资源， 例如一个网页、声音、文件、网页的一个段落或者WWW中的其他资源等， 例如一个网页、声音、文件、网页的一个段落或者WWW中的其他资源等， WWW中的其他资源等 这些资源均可放在任何一个服务器上。在网页中， 这些资源均可放在任何一个服务器上。在网页中，一个超链接可以是一 些文字也可以是一张图片。 些文字也可以是一张图片。
1.3 网页设计相关概念
HTML语言与网页制作技术
基本语法： 基本语法：
scheme://host.domain:port/path/ scheme://host.domain:port/path/filename ://host.domain