1、HTML基础,第1章 HTML的基本概念,一、知识要点 1、Internet的工作原理 所谓计算机网络，就是将各自独立运行的计算机（节点）通过通信线路互联起来,用来实现资源共享的系统。Internet是一种全球范围的基于分组交换原理和TCP/IP协议的计算机网络，它将数据进行分组（分割为许多小数据包），以数据包为单位进行传输。TCP/IP协议规定了分割数据和重组数据所要遵循的规则和要进行的操作，每一台计算机规定了一个标识IP地址。IP地址由32位（二进制）组成，由网络地址和主机地址组成。为了便于记忆，在Internet中还采用了域名地址来标识某台计算机。,打开IE浏览器，输入域名地址：http
2、:/，可以看到如下网页：,HTTP(Hypertext Transfer Protocol, 超文本传输协议)，用于从WWW服务器传输超文本到本地浏览器的传输协议。你可以通过协议定制传送的内容，从而减少网络传输。HTTP协议是以TCP/IP为基础的高层协议。HTTP协议基于请求/响应模式(Request/Response).客户与服务器建立连接后，按照协议规定格式，发送请求到服务器，客户得到请求后，返回响应信息给客户。FTP（File Transfer Protocol，文件传输协议）是Internet用于访问远程机器的一个协议，它使用户可以在本地机和远程机之间进行有关文件的操作。URL（Un
3、iform Resource Location）即统一资源定位器，指出了资源文件所在的位置。分为绝对地址和相对地址。（1）绝对地址外部站点：http:/主机名或IP地址:端口号/路径名/文件名如：http:/ 主机名或IP地址说明Internet的服务器名。 端口号是指不同应用程序所对应的不同的端口协议，用来识别计算机主机申请的服务。一般在默认的情况下都是使用默认的端口号，可省略。 路径名/文件名是信息资源在服务器上存放的路径和文件名。在使用默认路径和默认文档时可省略。局域网内计算机：/计算机名/盘符/路径名/文件名本地文件：盘符/路径名/文件名（2）相对路径，所要链接或嵌入到当前网页文档的文
4、件与当前文件的相对位置所形成的路径。 链接到同一目录内的文件：文件名链接到下一级目录内的文件：下一级目录名/文件名链接到上一级目录内的文件：/文件名,2 、什么是HTML 打开IE浏览器，打开Google网站的主页后，点选IE浏览器的菜单命令 “查看”/“源文件”，会弹出如下图所示的窗口：,HTML（Hyper Text Markup Language，超文本标记语言）是一种用来制作超文本文档的简单标记语言，它通过标记式指令将影像、声音、图片和文字等边接起来。几乎所有的网页都是由HTML或以其他程序语言嵌套在HTML中编写的。HTML并不是一种程序语言而是一种结构语言，它具有平台无关性特点。无
5、论用户使用何种操作系统，只要有相应的浏览器程序，就可以运行HTML文档。,3、怎样用记事本来编写、保存、修改网页文档例：这是最简单的HTML文件大家好！这是我做的第一个网页，真高兴。 嘿！,一般来讲，一个html文件应具有下面的结构：,网页的标题网页的内容,Html文件开始 文件头开始 网页的标题 文件头结束 文件体开始 网页的内容 文件体结束,（1）编写网页 点选“开始”/“程序”/“附件”/“记事本”，输入HTML语句，点选“文件”/“保存”或“另存为”，“文件名”中输入文件名，扩展名一定要是“HTML”或“HTM”（显示文件扩展名的方法：我的电脑工具文件夹选项查看显示文件扩展名），点“保
6、存”按钮。 （2）怎样浏览网页（浏览本地文档，非域名访问方式）方法一：通过“我的电脑”或“资源管理器”找到要浏览的网页文件，双击打开它即浏览网页； 方法二：打开IE浏览器，点选“文件”/“打开”，找到文件打开，即浏览网页；方法三：打开IE浏览器，在“地址”栏上输入文件的路径及文件的名称，回车确定。 （3）如何修改网页方法一：打开记事本，点选“文件”/“打开”，找到文件打开，即能修改，修改后必须重新保存（仍要注意保存文件的扩展名），回到浏览器窗口点选刷新按钮（F5），或再按上面（2）方法浏览；方法二：浏览要修改的网页时，点选“IE浏览器”/“查看”/“源文件”，自动调出记事本及网页文件，即能修改
7、，修改后必须重新保存（仍要注意保存文件的扩展名），回到浏览器窗口点选刷新按钮（F5），或再按上面（2）方法浏览。,4、html的语法规则 一般来讲，html的标记有下列四种表示方法： 1)文字或其它内容 2)文字或其它内容 3) 4),正常情况下，HTML文件以纯文本形式存放，扩展名为“.HTM”或“.HTML”。若系统为UNIX，扩展名必须为“.HTML”。在Windows系统中使用时请保持只使用其中一种，避免混淆。 html文件由标记或被标记的内容组成；网页中所有的显示内容都应该受限于一个或多个标记，尽量避免有游离于标记之外的文字或图像等以免产生错误。 每个标记都用“标识，以表示这是HTM
8、L代码而非普通文本，需要注意的是“；标记不分大小写，但要区分全半角。 一个标记可以有多个属性，“属性属性值“合起来构成一个完整的属性，各个属性用空格分开，属性及其属性值不分大小写，但也要区分全半角，根据需要可以用该标记的所有属性，也可只用需要的几个或一个或不用属性，在使用时属性之间没有顺序。,对同一段要标记的内容，可以用多个标记来共同作用，产生一定的效果，多数HTML标记可以嵌套，但不可以交叉。 HTML文件一行可以写多个标记，一个标记可以分多行书写，不用任何续行符号。HTML源文件中的换行、回车符和多个连续空格(半角空格)在显示中是无效的，多个连续空格只显示一个。换行、分段都有专有标记，空格
9、有转义符。 提供注释语句，格式：。注释语句可放在任何地方，注释内容不在浏览器中显示。（有时客户端脚本和CSS样式等也加上“”，是为了避免浏览器不支持这些代码时而在浏览器中把这些代码显示出来） HTML语言并不要求在书写时缩进。若为了程序的易读性，可使标记的首尾对齐，内部的内容向右缩进几格。HTML的语法并不像其它语言要求严格，语法或语句不正确一般只影响显示效果。还要注意少量标记和属性对不同的浏览器的支持能力是不同的，后面章节主要讲述IE能支持的标记和属性。,二、例题分析 例11：没有标题的网页,三、实做训练 1.1：创建一个简单的网页，要求网页的标题是“个人简介”，网页文本内容自定义，保存到D盘上以自己的名字命名的文件夹中，HTML文件名为index.htm。并把正确的HTML代码写在下面。,
