html文档本质是一个什么文件,HTML讲义

d7372beccc5c0627afbd0ca8173a422d.png

199f942a55547ebf6746360739373b7c.png

43e44262434c71da2492c2463ee88a85.png

e2937d708289bfb03de9bd06b3910bec.png

21395fef71b8c33a4f21943e8145dfac.png

fd7aa47707cdbfa1e4f20b94b5252620.png

c97642d245c4555eff21e920419216c1.png

db2cc2c98062232cb162aee2c0b8421d.png

03860e38f80f24e9016bc01f5c20ace2.png

e3f4eca79f2db64bb08fc1af399d54c6.png

98c3c44a5c50afb1dbf71b38d72d2754.png

8b4606840bf15311401ebc89a80f2f20.png

ae97633ad79cb640aa0e8964d33c2cb9.png

f608a7c7d31ff9ec0938ac85d3c4643f.png

ae6cc1637842b1fb7a884968be47eb82.png

5c4996cc45377a31f629fa086cda9b51.png

9f4623bde028fdf3945b3e7517999798.png

f26afadeef01c15104b4f286b09379a7.png

3b81843b0c1a41e0c64a3fffc7349973.png

1422ac79d6e82f41c9e618de798ea7b7.png

8dc3edf54a49cf8d1521fdefc3e9f5a4.png

第一部分

H T M L 基础

8e9c6eae6a0654c2eb106c5d80f5c62c.png

4277f5badaf57dd7b6f8b6a4516a4b60.png

网页的实质是什么?是图形?是文本?

网页实际上是

H T M L 标记

18adc568f5ecd55356cf8c92de495cbc.png

1d6e898cfb6618d4209166dab9d79d35.png

语言程序,过去创建和管理网页是由训练有素的专业人员采用HTML 语言手工编写程序来实现的。而现在有多种可视化程度很高的网页制作工具,无需掌握专业的网页制作技术就能够创作出富有特色、动感十足的网页来。

acc211a10115d6d423781fbbc525f9f4.png

6ea30ac6d4fe3f0e87a27363fab64534.png

我们平时上网看到的各个网站的网页都是用Dreamweaver 、FrontPage 或其他网页制作

fa1f7d40654bf23c5e402983e931fe0c.png

5b4893859f6c481c08e7c22a2c994a28.png

工具编辑的,然后再加入一些动态语句。这些网页都是由Html 语言编写生成,而我们在使用Dreamweaver 、FrontPage 编辑网页的同时,这个软件就已经自动

生成这种语言了。

4dc298612520a37e1e1b240eb58947a2.png

4dbf463425761bc009052cd90e07bbc2.png

一、关

于H T M L (Hypertext Markup language):

b4094be1a8702827788e322f9a6ba838.png

a34353160cac4639ec105d4267da2b7b.png

Html

04f7f14a53228bba4d0b82bf8e8cb8ec.png

f49cdd89e13dc56cdb6afd4a0a4b47ac.png

是一种超文本标记语言,是创建网页时使用的语言。就其本质而言,是一个基于文本的编码标准,是对网上信息进行标记的一组规则,通过这些标记规则,告诉Web 浏览器如何显示文本和图形等网页元素。

● 标记:是一种功能的注释。由W3C 组织定义。标记控制HTML 文档的外观,浏览器可

7b17ce7b618be4e793e1b41e953d1b94.png

5cb26ab305b54b8e734c8406b7afbb31.png

以将标记解释成具体的内容,如超级链接、标题、段落、列表等。

5aa7c2b732b71ee2ca24e77dcb3d50b8.png

4b23485ccafdd8d55e5dd95d38dd9fff.png

● 超文本:是指含有超链接和多媒体文本。

● 超链接:从一个资源可以瞬间跳转到另一个资源。

60ab597ea4e7b5a52a12d0b18c780b9a.png

a674038974e8e294ffe8bbbf81f879fc.png

Html 语言是网页的基础,你可以通过浏览器的"查看"--"源代码"看到该页的HTML 代码。大家不必看到语言就感到害怕,

53a1fc74d8ce5b6d64574c92be7674df.png

b467475ebf55dbb98ee02dfd57349ee5.png

HTML 和C 语言不一样,它只是一系列标记的组合。 在实际应用中,只需要掌握、记忆一些基本的、常用的Html 标记即可。

3e0a55acfe4039a2a097b0d2c0da7864.png

93e3bb60233f44f1b3d0bb98db79b70b.png

二、

H T M L 文档

编写方法

HTML 文档是以纯ASCII 文件存在的,

6633d491a686093c9819b630142fe74e.png

cadb6f242e4bb4d1c6d8689e6c5e34b9.png

它看起来象是加入了许多被称为标记(tag)的特殊字符串的普遍文本文件,扩展名为.h t m

或.h t m l 。 HTML 语言利用标记(

tag )来描述网页的字体、大小、颜色及页面布局的语言,使用任何的文本编辑器都可以对它进行编辑。

4f7b61a4ff0e13133f35a91f5ead9f3e.png

23b90ad68b48c40d8edaa1f1b7ff8be7.png

1、手工

直接编写:把标记写在记事本中,存盘时扩展名为.htm 或

7c224865c746d9568178b7c689262f9b.png

17fc4d626938be8a40b0d3d2b7843323.png

.html 。保存类型为文本文档。

在Internet exprorer 中打开文件,查看源文件---修改---保存---刷新。

7e47421ae8f9774ed65a12242bbaa9fd.png

320eecd2f65762d359b1fd87ee307362.png

2、使用可视

化H T M L 编

辑器:如:Frontpage ,Dreamweaver 。

3

、由W E B 服

务器上的程序(ASP ,

PHP ,JSP )动态的生成。

38d60bf38fdee04a400b6d6cd3a72a77.png

dec04b4de5881eb154fe772d1e2387ff.png

三、H

T M L 语法

e0c6e552eb4795dbf543eec832879140.png

83c654201d3048f3fa1fda222e3d2b92.png

记总是封装在由“”组成的一对尖括号之中,是一些定义网页内容格式和显示的命令,而标记属

0dfa1c1c6ac8000a69741c47a41033d4.png

8beaa90b5f46dddedbc01ef174711640.png

性用于进一步控制网页内容的显示效果。标记只改变网页的形式方式,本身不会显示在窗口中。

7b4d8bdff54a2936d2b7644794f58108.png

2c548b1c3148dc314004a38e8649b929.png

例如:这是粗体,你好。

表示粗体开始,表示黑体结束,标记在浏览器里不显示。

2f05258e3fcae13e4e92bafb70aacf0b.png

4d1fe4d68284003bafdaf6d858493f14.png

HTML 标记是不区分大小写的,但为了便于阅读,通常采用一致的大小写,空格、

1c615ace21f1bfad8e913878e73a6588.png

5502c79faa670bb384c9eacc155b41b4.png

dc764ed7028a35264571ff21f63c932b.png

f908d9d48cf14bbd99447c41a7dea179.png

TAB 键和换行等可以出现在文件的任何位置,浏览器将不显示它们,除非附加特殊标记。 另外,在HTML 中没有语句的概念,也就是说,所有标记和内容都可以位于一行中。浏览器会根据不同的标记进行解释显示。当然,通常情况下为了使HTML 文档更容易阅读,建议采用合理的分段和缩进等格式(这些格式不影响网页的显示效果)。

1、双标记:必须成对出现。

b2b8807c34e1ae28cac78feb7600bc0d.png

e949079f906e31e6dbba4a419d8f0adf.png

ee4344c462c6188427ce60d437e5df3f.png

826abc2a1c56b91f01eb053aeaa37664.png

48f10a9832c6b056c7669a27883a3dd4.png

dc4ae59d4f98c7b3e7db734185f17aed.png

33234a8fa0b48205495a42e3b4c266d0.png

1d11ea2f49c1ac1a327132e2f69e9588.png

0e8f1a5e0ebeebc01c9de142479d3790.png

a7d2d2de4d38dfda4e5e6d57581f4910.png

b306ce1c11db34befc709f34314da5b3.png

dd638f9d890d86395c1a09b230002ee7.png

620d37840f5a3444ef373ae0b6c9f482.png

1447e9b11e4f6a84e92214ca169782d9.png

4e1d847b144835554bb253ed27856343.png

9ed8a38c9801264b4d9e7586911de8b0.png

86c12b3c6b61fca21cee6ad2eef539c5.png

957a05cf52ea7273676a529adf52daa4.png

49b06a871e5bf695c63b71f7e2c4a7b2.png

eb18664650d0790d3c82894477c1f06e.png

8a24cf630bb60e733a15b42268fcbe86.png

79b2649b6a3d43a2bf33a345d4d93714.png

e89fed714e338d1ae0c864685aea9930.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值