没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![ppt](https://img-home.csdnimg.cn/images/20210720083527.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![ppt](https://img-home.csdnimg.cn/images/20210720083527.png)
![ppt](https://img-home.csdnimg.cn/images/20210720083527.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![circ](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/release/download_crawler_static/2655158/bg1.jpg)
HTML 经典教程
H T M L 教程 1
H T M L 简介 2
H T M L 元素 4
基本的 H T M L 标签 5
H T M L 属性 10
H T M L 文本格式化 12
H T M L 字符实体 22
H T M L 链接 23
H T M L 框架 27
H T M L 表格 30
H T M L 列表 37
H T M L 图像 46
H T M L 背景 50
H T M L 颜色 52
H T M L 颜色值 55
H T M L 颜色名 59
H T M L 4.01 快速参考 67
H T M L 布局 69
H T M L 字体 70
为什么使用 H T M L4.0? 73
H T M L 样式 75
H T M L 头部 79
H T M L 元信息 81
H T M L U R L(统一资源定位器) 85
H T M L 脚本 87
H T M L 4.0 标准属性 90
H T M L 4.0 事件属性 91
HTML 网页服务器 94
你已经将 H T M L 教程学习完毕,下一步该学习什么呢? 95
注: 96
H TM L 教程
HTML 教程
在本教程中,你将学习如何使用 HTML 来创建站点。
HTML 很容易学习!你会喜欢它的!
![](https://csdnimg.cn/release/download_crawler_static/2655158/bg2.jpg)
HTML 实例
学习 100 个实例!使用我们的编辑器,你可以编辑 HTML,然后点击测试按钮来查看结果。
HTML 参考手册
我们提供完整的 HTML 参考手册,其中包括标签、属性、颜色、实体等等。
H TM L 简介
什么是 HTML 文件?
·
HTML 指超文本标签语言。
·
HTML 文件是包含一些标签的文本文件。
·
这些标签告诉 WEB 浏览器如何显示页面。
· HTML 文件必须使用 htm 或者 html 作为文件扩展名。
·
HTML 文件可以通过简单的文本编辑器来创建。
做个实验如何?
第一步:如果您使用 Windows,请启动记事本。
如果您使用 Mac,请启动 SimpleText。
(在 OSX 中请使用 TextEdit,并设置一下参数:在参数设置中选择 Plain text 字体替代 Rich text 字
体,然后选择“在 HTML 文件中忽略 rich text 命令”。这一点很重要,因为不这样的话,HTML 代码也
许不能正常工作。)
第二步:键入以下文本:
<html><head><title>页面的标题</title></head><body><p>这是我的第一个页面。<b>这是粗体
文本。</b></p></body></html>
第三步:将这个文件存为 "mypage.html"。
第四步:启动您的浏览器。在浏览器的文件菜单中选择“打开”或者“打开页面”。这时会弹出一个对话框。
单击“浏览”或者“选择文件”,找到您刚才创建的文件 - "mypage.html",选定它然后打开,现在您会看
到对话框中有一行地址,比如:"D:\mypage.html"。单击确定按钮,浏览器就会显示这个页面。
例子解释:
![](https://csdnimg.cn/release/download_crawler_static/2655158/bg3.jpg)
HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器这个 HTML 文件的开始点。文件中最后一
个标签是 </html>。这个标签告诉您的浏览器,这是 HTML 文件的结束点。
位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。
<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。
<body> 标签中的文本是将被浏览器显示出来的文本。
<b> 和 </b> 标签中的文本将以粗体显示。
为什么我们要使用小写的标签?
我们刚才讲到:HTML 标签对大小写是不敏感的:<b> 和 <B> 的作用的相同的。当您在网上冲浪时,
您会发现大多数教程在他们的例子中都使用大写的 HTML 标签。而我们总是使用小写。原因何在呢?
如果您希望为使用下一代 HTML 而做好准备,您就应该使用小写标签。万维网联盟 (W3C) 的标准是:
建议在 HTML 4 中使用小写标签,而在 XHTML(下一代 HTML)中,必须使用小写标签。
HTM 还是 HTML 扩展名?
当您将一个 HTML 文件存盘时,您即可以使用 HTM 也可以使用 HTML 作为扩展名。我们刚才使用了 .
htm 作为上面那个例子的扩展名。不过这样做也许是一个坏习惯,习惯于这样做的人也许是因为使用某些
过时的软件而养成了这个坏习惯,这些软件只允许三个字母作为扩展名。
如果您使用新近的软件,我们认为使用 .html 是相当安全的做法。
关于 HTML 编辑器的注意事项:
您可以使用所见即所得的编辑器而不是纯文本编辑器,这样会更轻松的编辑 HTML 文件。比方说
FrontPage, Claris Home Page, 或者 Adobe PageMill,甚至更高阶的 Dreamweaver。
但是,如果您希望成为一名熟练的开发人员,我们强烈推荐您使用纯文本编辑器来学习我们的《HTML 基
础教程》。
常见问题(FAQ)
Q:我已经编辑了一个 HTML 文件,但是浏览器无法显示出结果。为什么?
A:首先确定您使用了正确的文件名和扩展名存盘,比如说 "c:\mypage.htm"。然后看一下是否在浏览
器中使用了同样的文件名来打开这个文件。
![](https://csdnimg.cn/release/download_crawler_static/2655158/bg4.jpg)
Q:我重新编辑了 HTML 文件,但是浏览器的显示没有任何变化。为什么?
A:为了不重复读取同一个页面,浏览器要对您的页面进行缓存。浏览器不会意识到您已经修改了页面。
通过使用刷新或者重载按钮,您可以使浏览器读取编辑后的页面。
Q:我应该使用何种浏览器?
A:您可以使用任何一款通用浏览器进行训练,例如 Internet Explorer, Mozilla, Netscape,或者
Opera。不过,我们的高级课程中的某些例子需要最新版本的浏览器的支持。
Q:我的电脑必须运行 Windows 吗?使用 Mac 机可以吗?
A:您可以在非 Windows 系统上进行所有的训练,比如 Mac。
H TM L 元素
HTML 文档是由 HTML 元素构成的文本文件。
HTML 元素是通过使用 HTML 标签进行定义的。
HTML 标签
· HTML 标签是用来标记 HTML 元素的。
·
HTML 标签被 < 和 > 符号包围。
· 这些包围的符号叫作尖括号。
·
HTML 标签是成对出现的。例如 <b> 和 </b>。
· 位于起始标签和终止标签之间的文本是元素的内容。
·
HTML 标签对大小写不敏感,<b> 和 <B> 的作用的相同的。
HTML 元素
还记得上一节中的那个例子吗:
<html><head><title>页面的标题</title></head><body><p>这是我的第一个页面。</p><b>此
文本是粗体的。</b></body></html>
这就是一个 HTML 元素:
<b>此文本是粗体的。</b>
这个 HTML 元素由起始标签 <b>开始。
![](https://csdnimg.cn/release/download_crawler_static/2655158/bg5.jpg)
这个元素的内容是:“此文本是粗体的。”。
这个 HTML 元素由终止标签 </ b>结尾。
<b> 标签的作用是定义一个显示为粗体的 HTML 元素。
这也是一个 HTML 元素:
<body><p>这是我的第一个页面。</p><b>此文本是粗体的。</b></body>
这个 HTML 元素开始于 <body> 标签,结束于 </body> 标签。
<body> 标签的作用是定义 HTML 文件中的容纳 body 的 HTML 元素。
为什么我们要使用小写的标签?
我们刚才讲到:HTML 标签对大小写是不敏感的:<b> 和 <B> 的作用的相同的。当您在网上冲浪时,
您会发现大多数教程在他们的例子中都使用大写的 HTML 标签。而我们总是使用小写。原因何在呢?
如果您希望为使用下一代 HTML 而做好准备,您就应该使用小写标签。万维网协会 (W3C) 的标准是:建
议在 HTML 4 中使用小写标签,而在 XHTML(下一代 HTML)中,必须使用小写标签。
基本的 H TM L 标签
HTML 中最重要的标签是定义标题、段落和换行的标签。
学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,
您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。
实例
一个简单的 HTML 文件
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<p>body 元素的内容会显示在浏览器中。</p>
剩余95页未读,继续阅读
资源评论
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
- zhangtoying2012-08-30非常实用,通俗易懂,PDF文件很清晰
- jidafengyu2012-10-10这个写的很好 很详细
- hunandami2012-07-27图文并茂,讲解详细!
![avatar](https://profile-avatar.csdnimg.cn/68b9a7d84a8046a184089416f0aa4145_liwenxuan001.jpg!1)
liwenxuan001
- 粉丝: 3
- 资源: 26
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
- 1652189183080063_42AD52629C553C7BC65694A425954A3F_1.apk
- 王都创世物语魔改版.apk
- Linear_regrassion_with_gradien_decent_example.ipynb
- 1719163625521533_1e90151d86c4cc2fadb97a0a82d0fc0e
- 虚拟现实课件-第五章 3物理建模
- 虚拟现实课件-第五章 2运动建模
- A1-ERP(资源协同)管理平台需求说明书.pdf
- 基于springboot+sureness的面向REST API资源无状态认证权限管理系统(源码+数据库+说明文档)
- programming LSQUIC
- 基于Python的天气预测和天气可视化项目(源码+数据+视频演示+文档说明).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)