一 HTML入门.ppt

《一 HTML入门.ppt》由会员分享，可在线阅读，更多相关《一 HTML入门.ppt（28页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、一一 HTML入门入门1.1 1.1 网络的基本概念网络的基本概念 n n计算机网络就是利用通讯线路将分布在不同地点的具有独计算机网络就是利用通讯线路将分布在不同地点的具有独立功能的多台计算机系统相互连接，按照网络协议进行通立功能的多台计算机系统相互连接，按照网络协议进行通信和实现资源共享的系统。信和实现资源共享的系统。n n网络协议：网络中进行通信的规则或约定网络协议：网络中进行通信的规则或约定什么是网页和网站什么是网页和网站 n n什么是网页n n什么是网站 什么是网页什么是网页 网页是由网页是由HTMLHTML（超级文本超级文本标识语言）或者标识语言）或者其他语言编写的，其他语言编写的，

2、通过通过IEIE浏览器编浏览器编译后供用户获取译后供用户获取信息的页面，它信息的页面，它又称为又称为WebWeb页，页，其中可包含文字、其中可包含文字、图像、表格、动图像、表格、动画和超级链接等画和超级链接等各种网页元素。各种网页元素。什么是网站什么是网站 网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面。n n职能网站n n专业网站n n个人网站 n n门户网站网页的分类网页的分类 n n按所处位置分类 n n按表现形式分类 按所处位置分类按所处位置分类 按网页在网站中所处的位置可将网页分为主页和子页两类。按表现

3、形式分类按表现形式分类 按网页的表现形式可将网页分为静态网页、动态网页和交互式网页。静态网页：只能静态网页：只能观看，不能与网观看，不能与网页交流页交流按表现形式分类按表现形式分类 按网页的表现形式可将网页分为静态网页、动态网页和交互式网页。动态网页：可以实动态网页：可以实时地发生变化，也时地发生变化，也可以根据用户的操可以根据用户的操作发生一定的变化作发生一定的变化交互式网页：一方面用户可以提供一定的信息给网站，网交互式网页：一方面用户可以提供一定的信息给网站，网站根据实际需要，保留用户的信息，如网上注册，另一方站根据实际需要，保留用户的信息，如网上注册，另一方面，网站可以自动收集用户的浏览

4、信息面，网站可以自动收集用户的浏览信息网页中的常用术语网页中的常用术语 n n万维网（www）n n浏览器 n n统一资源定位符（URL）n n文件传输协议（FTP）n nIP地址 n n域名 n n超级链接 n n超级文本标记语言（HTML）万维网（万维网（wwwwww）万维网（www）是World Wide Web的中文简称，也称为3W网，它的本质是一种基于超级文本技术的交互式信息浏览检索工具，是Internet提供的应用最普及、功能最丰富、使用方法最简便的信息服务，用户可通过它在Internet上浏览、编辑、传递超文本格式的文件（即.html格式文件）。浏览器浏览器 浏览器是用于阅读网页

5、中信息的一种软件工具，就像使用电脑必须有操作系统一样。n nInternet Explorer（IE）n nNetscape Navigator（NE）n n腾讯TT浏览器 统一资源定位符（统一资源定位符（URLURL）URL（Uniform Resource Locator）主要是用来指定协议（如HTTP或FTP）以及对象、文档、万维网网页或其他目标在Internet的位置和存取方式。n n通信协议 n n主机名n n所要访问的网页路径及名称 文件传输协议（文件传输协议（FTPFTP）FTP（File Transfer Protocol）是一种广泛使用的文件传输协议，是快速、高效和可靠的信息

6、传输方法。FTP是基于客户/服务器模型的TCP/IP的应用，所以只要在客户端和服务器之间建立了TCP/IP连接，无论两台电脑的位置远近、连接方式的异同以及使用的操作系统的异同，都能通过FTP协议进行文件的传输。IPIP地址地址 IP地址用来标识连接到Internet上电脑的指定编号，每一个IP地址对应一台电脑，这与用电话号码标识电话网络中的电话相同。电脑识别的IP地址由32位二进制数值组成，电脑上以十进制数值来显示，一组数值分为4部分，每一部分均不能大于255，中间用“.”分隔，如61.139.2.69。域名域名 域名就是常说的网址，它也具有惟一性，如百度的网址、网易的网址等就是一个域名，域名

7、由汉语拼音或英文字符加上数字表示，在访问网络时，域名将通过域名服务器转换成IP地址，这种转换是在后台完成的。超级链接超级链接 超级链接是网页中最常用的元素之一，网页就是通过无数的超级链接才能组成一个网站。超级链接可以链接到网站内部页面、对象，也可以链接到其他网站，大大方便了用户在各个页面对象之间实现跳转。1.3 HTML简介1.3.11.3.1什么是什么是HTMLHTMLn nHTML(HTML(Hyper Text Mark-up LanguageHyper Text Mark-up Language)称为超文本标记语言，称为超文本标记语言，目前版本为目前版本为4.0.HTML4.0.HTM

8、L语言用于描述超文本中内容的显示语言用于描述超文本中内容的显示方式方式,是一种描述性的语言是一种描述性的语言,而不是一种编程语言而不是一种编程语言,利用利用HTML HTML 标记来控制文字的大小、颜色、图片的尺寸、位置标记来控制文字的大小、颜色、图片的尺寸、位置等等 1.3.2 1.3.2 创建创建HTMLHTML文件文件 HTMLHTML文件的本质是一个文本文件，是扩展名为文件的本质是一个文本文件，是扩展名为”.htmhtm”或或”.html”.html”的文本文件的文本文件,因此可以利用文本编辑软件创建、因此可以利用文本编辑软件创建、编辑。最简单的文本编辑软件就是记事本，可以在记事本编辑

9、。最简单的文本编辑软件就是记事本，可以在记事本中编写中编写HTMLHTML代码代码 创建第一个创建第一个HTMLHTML文件文件htmlhtml文件文件HTMLHTML欢迎你！欢迎你！1.3.3 HTML1.3.3 HTML文件结构文件结构 ,HTML HTML 文件的正文写在这里文件的正文写在这里.n n格式说明：格式说明：HtmlHtml语言使用标志对的方法编写文件，既简单又方便，它通语言使用标志对的方法编写文件，既简单又方便，它通常使用常使用 来表示标志的开始和结束来表示标志的开始和结束(例如例如标志对标志对)，因此在，因此在HtmlHtml文档中这样的标志对文档中这样的标志对都必须是成

10、对使用的都必须是成对使用的 1.1.html 标志用于标志用于HtmlHtml文档的最前边，用来标识文档的最前边，用来标识HtmlHtml文档的开始。而文档的开始。而标志恰恰相反，它放在标志恰恰相反，它放在HtmlHtml文档的最后边，用来标识文档的最后边，用来标识HtmlHtml文档的结束，两个标志必须文档的结束，两个标志必须一块使用。一块使用。2 2.和和构成构成HtmlHtml文档的开头部分，在此文档的开头部分，在此标志对之间可以使用标志对之间可以使用、等等标志对，这些标志对都是描述等等标志对，这些标志对都是描述HtmlHtml文档相关文档相关信息信息的标志对，的标志对，标志对之间标志对

11、之间的内容是不会在浏览器的框内显示出来的。两个标志必须的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。一块使用。3 3.是是HtmlHtml文档的主体部分，在此标文档的主体部分，在此标志对之间可包含志对之间可包含、等等等众多的标志，它们所定义的文本、图像等将会在浏览器等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。的框内显示出来。两个标志必须一块使用。4 4.浏览器窗口最上边蓝色部分显示的文本浏览器窗口最上边蓝色部分显示的文本信息信息,是网页的是网页的“主题主题”,要显示网页的主题很简单，只要在要显示网页的主题很简单，只要在标志对之间加入您要

12、显示的文本即可。标志对之间加入您要显示的文本即可。注意：注意：标志对只能放在标志对只能放在标标志对之间。志对之间。n n例：例：HtmlHtml文档中基本标志的使用文档中基本标志的使用显示在浏览器最上边的标题显示在浏览器最上边的标题 body=red text=blue红色背景、蓝色文本红色背景、蓝色文本 n n热身运动热身运动例例1 1：注释标记：注释标记注释标记注释标记!-正文正文 n n例例2 2：标题标记：标题标记标题标记标题标记以下为标题样式：以下为标题样式：H1H1标题大小标题大小H2H2标题大小标题大小H3H3标题大小标题大小H4H4标题大小标题大小H5H5标题大小标题大小H6H

13、6标题大小标题大小h7h7标题大小标题大小 n n例例3 3：设置文字颜色：设置文字颜色字体颜色标记字体颜色标记这是蓝色文字这是蓝色文字 n n例例4 4：蓝色粗斜字体：蓝色粗斜字体蓝色粗斜字体蓝色粗斜字体注意这里文字字体样式注意这里文字字体样式注意：标记的相互嵌套，共同控制最里面的文字的显示方式注意：标记的相互嵌套，共同控制最里面的文字的显示方式 n n例例5 5：插入图片标记：插入图片标记插入图片标记插入图片标记我也要学习制作网页我也要学习制作网页img=01.jpg随时注视时代前沿，把握今天迈向明天随时注视时代前沿，把握今天迈向明天 说明说明:图片插入标记图片插入标记(单个标记单个标记)，&代表图片的代表图片的路径或直接是图片名路径或直接是图片名,图片名扩展名也要加上图片名扩展名也要加上