网络应用程序设计--HTML导论(基础篇)

更新时间：2023-09-05 22:30:01 阅读量：教育文库文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

网络应用程序设计07026推荐度：
相关推荐

网络应用程序设计--HTML导论(基础篇)

HTML导论 (基础篇)段会川山东师范大学信息科学与工程学院 2006年10月

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

什么是HTML文件?– HTML文件示例

HTML元素(elements) 标签属性(attributes) 基本的HTML标签—标题、段落、断行、注释基本的HTML标签—要点 HTML文本格式化– 计算机输出代码 – 地址、缩略语和引用

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

字符实体(Character entities)– 最常用的字符实体 – 特别的字符实体

HTML超链接(Hyperlink)– 链接到网页中的某个特定位置

HTML框架(frames)– 框架集(frameset)标签 – 框架单元(frame)标签 – 框架示例

HTML表格(tables)– 表格举例2013-7-28 参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

HTML列表(Lists) HTML表单(Forms) HTML图片网页背景 HTML颜色(Colors) HTML 4.01快速列表

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

什么是HTML文件?

HTML代表”超文本标记语言”(Hyper Text Markup Language) HTML文件(file, 文档, document)包括许多小的标记标签(markup tags) 这些标记标签告诉Web浏览器怎样显示HTML文件(网页)中的内容 HTML文件必须取.htm或.html为扩展名(类型名), 前者是由早期的系统仅支持3个字符的扩展名延续下来的, 后者更流行 HTML文件可以使用简单(纯)文本编辑器创建和编辑– Windows系统中最常用的纯文本编辑器是Notepad(记事本)2013-7-28 参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

HTML文件示例将下列内容保存为simpleHTML.htm, 并用浏览器打开<html> <head> <title>我的网页</title> </head> <body> 这是我的第一个网页. <b>这里的文本是粗体.</b> </body> </html>

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

示例解释

HTML标签放在尖括号中 <html>和</html>表示HTML文档的开始和结束 <head>和</head>部分是文档的头部信息, 它们不在浏览器的窗口中显示 <title>标签中的信息显示在浏览器的标题栏中 <body>标签中的信息将显示在浏览器的窗口中 <b>标签中的内容将以粗体显示

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

新修改的HTML怎么在浏览器中未体现出来?浏览器使用缓存功能, 保持着访问过的网页,– 这样能够极大地提高网页访问效率

网络应用程序设计--HTML导论(基础篇)

要经常使用浏览器的”刷新”功能显示网页的最新变化

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

HTML元素(elements)HTML文档是由HTML元素构成的文本文件 HTML元素由HTML标签定义 HTML标签– HTML标签用于标记HTML元素 – HTML标签由尖括号界定

– HTML标签通常成对出现, 如<b>和</b>, 前者称为起始标签, 后者称为结束标签 – 在起始和结束标签中的内容称为元素内容 – HTML标签不区分大小写

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

使用小写的标签

W3C(WWW联盟, World Wide Web Consortium)在 HTML4建议书中推荐使用小写的标签 XHTML(下一代HTML)要求使用小写的标签– 使用小写的标签是一个好习惯, 因为这能使你更容易地学习和使用下一代HTML

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

标签属性(attributes)

标签可以带有属性, 属性为HTML元素提供了额外的显示参数– <body bgcolor=―red‖>表示body标签有一个bgcolor(背景)属性, 其值为”red‖(红色) – <table border=―0‖>是带有border(边框宽度)属性的table(表格)标签

属性通常以”名字/值”对(name/value pair)的方式出现:– Name=―value‖

属性通常加在HTML元素的起始标签中多个属性间用空格分开属性值通常用双引号界定, 但也可以使用单引号, 当属性内容中需要双引号时, 则应使用单引号界定, 反之依然 Attrributes.htm

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

基本的HTML标签—标题

标题(Heading)<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>

HTML自动将标题放在独立的行上使用align=―center‖属性可使标题居中 headings.htm

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

基本的HTML标签—段落

段落使用<p>标签– <p>这是一个段落</p> – <p>这是另一个段落</p>

HTML自动在段落前后插入空行 Paragraphs.htm

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

基本的HTML标签—断行

断行标签<br>用于将文字开始一个新行,而不是一个新的段落– <p>这是<br>一个带有断行<br>的段落.</p> – <br>标签本身就构成了标记元素, 它不需要结束标签, 自然也就不需要内容 – 但新的HTML 4.01标准要求使用

br.htm

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

基本的HTML标签—注释

注释标签用于在HTML源文件中对HTML文件的设计进行解释和说明, 其内容将被浏览器忽略, 因而不会显示在浏览器的窗口中–

注意: 注释标签与其它标签格式上的不同 Comment.htm

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

基本的HTML标签—要点

网页文件可能在各种不同种类和配置的浏览器上显示,尽量避免使用空格和换行格式化文本多个连续的空格会压缩为一个空格使用<br>而不是<p>产生

空行要使用严格的HTML标记规范, 如虽然可以不使用</p>, 但网页制作者却不要有这样的习惯 HTML会自动为一些网页元素, 如: 标题, 段落等, 增加空行经常使用水平标尺(Horizontal rule, 水平线)分隔文本内容 (hr.htm)– 新的HTML 4.01标准要求使用<hr />

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

HTML文本格式化标签 <b> <big> <em> <i> <small> 意义粗体加大加重斜体缩小标签 <strong> <sub> <sup> <ins> <del> 意义强加重下标上标插入删除

FormatText.htm

2013-7-28

参考:http://www.77cn.com.cn

网络应用程序设计--HTML导论(基础篇)

网络应用程序设计--HTML导论(基础篇)

计算机输出代码标签<tt> <var> <pre>

标签<code> <kbd> <samp>