📄 js02.htm
字号:
<HTML>
<HEAD>
<TITLE>第二章 HTML制作</TITLE>
<LINK rel="stylesheet" type="text/css" href="js.css">
</HEAD>
<BODY>
<H1><A name="第二章 HTML制作">第二章 HTML制作</A> <A href="index.htm">主目录</A></H1>
<HR>
<UL>
<LI>
<P><A href="#2.1 基本概念">2.1 基本概念</A><UL>
<LI><A href="#2.1.1 什么是Web">2.1.1 什么是Web</A></LI>
<LI><A href="#2.1.2 超链接">2.1.2 超链接</A></LI>
<LI><A href="#2.1.3 HTML语言">2.1.3 HTML语言</A></LI>
<LI><A href="#2.1.4 DHTML语言">2.1.4 DHTML语言</A></LI>
</UL>
</LI>
<LI>
<P><A href="#2.2 制作环境">2.2 制作环境</A><UL>
<LI><A href="#2.2.1 网页设计工具">2.2.1 网页设计工具</A></LI>
<LI><A href="#2.2.2 建立Web服务器">2.2.2 建立Web服务器</A></LI>
</UL>
</LI>
<LI>
<P><A href="#2.3 HTML 标记">2.3 HTML 标记</A></LI>
<LI>
<P><A href="#2.4 结构标记">2.4 结构标记</A></LI>
<LI>
<P><A href="#2.5 常用标记和属性">2.5 常用标记和属性</A><UL>
<LI><A href="#2.5.1 标题">2.5.1 标题</A></LI>
<LI><A href="#2.5.2 文档正文">2.5.2 文档正文</A></LI>
<LI><A href="#2.5.3 列表">2.5.3 列表</A></LI>
<LI><A href="#2.5.4 水平线">2.5.4 水平线</A></LI>
</UL>
</LI>
<LI>
<P><A href="#2.6 设置颜色、字体">2.6 设置颜色、字体</A><UL>
<LI><A href="#2.6.1 RGB 颜色">2.6.1 RGB 颜色</A></LI>
<LI><A href="#2.6.2 通过 BODY设置颜色">2.6.2 通过 <BODY>设置颜色</A></LI>
<LI><A href="#2.6.3 使用FONT 标记">2.6.3 使用<FONT> 标记</A></LI>
</UL>
</LI>
<LI>
<P><A href="#2.7 建立超链接">2.7 建立超链接</A><UL>
<LI><A href="#2.7.1 文本链接">2.7.1 文本链接</A></LI>
<LI><A href="#2.7.2 图形链接">2.7.2 图形链接</A></LI>
<LI><A href="#2.7.3 链接文档中的特定位置">2.7.3 链接文档中的特定位置</A></LI>
</UL>
</LI>
<LI>
<P><A href="#2.8 表格">2.8 表格</A></LI>
<LI>
<P><A href="#2.9 框架网页">2.9 框架网页</A></LI>
<LI>
<P><A href="#2.10 表单">2.10 表单</A></LI>
<LI>
<P><A href="#2.11 多媒体">2.11 多媒体</A></LI>
<LI>
<P><A href="#2.12 META标记">2.12 <META>标记</A></LI>
</UL>
<H1><A name="2.1 基本概念">2.1 基本概念</A>
<A href="#第二章 HTML制作">(目录)</A></H1>
<H3><A name="2.1.1 什么是Web">2.1.1 什么是Web</A>
<A href="#第二章 HTML制作">(目录)</A></H3>
<UL>
<LI>WWW是World Wide Web（全球广域网）的简称，常称为Web（万维网）。</LI>
<LI>基础:HTML、HTTP</LI>
<LI>Web信息的基本单位是“页”（page）</LI>
<LI>浏览器执行Web页面，如IE、Netscape</LI>
<LI>URL:统一资源定位符,Uniform Resource
Locator。如，http://www.zsu.edu.cn/list/about.htm。</LI>
</UL>
<H3><A name="2.1.2 超链接">2.1.2 超链接</A>
<A href="#第二章 HTML制作">(目录)</A></H3>
<UL>
<LI>主页(HomePage)：默认浏览的第1个网页，通过主页中的超链接，就可以浏览其他网页。</LI>
<LI>HTML文档使用超文本(Hypertext)技术，将信息链接起来。</LI>
<LI>超文本是普通文本，通过标记可以嵌入链接、图形甚至多媒体信息，因此也称为超媒体(Hypermedia)。</LI>
<LI>链接(Link)定义超文本的结构。</LI>
<LI>在HTML中，通过HREF定义的链接称为超链接(Hyperlink)。</LI>
</UL>
<H3><A name="2.1.3 HTML语言">2.1.3 HTML语言</A>
<A href="#第二章 HTML制作">(目录)</A></H3>
<UL>
<LI>HTML(Hypertext Markup
Language)是一种超文本标记语言，用来描述Web上的超文本文件。HTML通过在正文文本中嵌入各种标记,使普通正文文本具有超文本的功能。</LI>
<LI>HTML功能：出版在线文档、检索信息、向服务器提交信息。</LI>
<LI>HTML文件扩展名:“.htm”(Windows)、“.html”(Unix)。</LI>
<LI>生成HTML文档的方式：手工编制、自动转换现有文档、Web服务器动态生成。</LI>
</UL>
<H3><A name="2.1.4 DHTML语言">2.1.4 DHTML语言</A>
<A href="#第二章 HTML制作">(目录)</A></H3>
<UL>
<LI>动态HTML(Dynamic HTML,简称DHTML)是一种即使在网页下载到浏览器以后仍然能够随时变换的HTML。</LI>
<LI>DHTML特征：动态样式、动态内容和动态定位。</LI>
<LI>支持DHTML的技术：脚本语言、文档对象模型和层叠样式单。</LI>
</UL>
<H2><A name="2.2 制作环境">2.2 制作环境</A>
<A href="#第二章 HTML制作">(目录)</A></H2>
<H3><A name="2.2.1 网页设计工具">2.2.1 网页设计工具</A>
<A href="#第二章 HTML制作">(目录)</A></H3>
<UL>
<LI>FrontPage</LI>
<LI>Dreamweaver、Flash和Fireworks。</LI>
</UL>
<H3><A name="2.2.2 建立Web服务器">2.2.2 建立Web服务器</A>
<A href="#第二章 HTML制作">(目录)</A></H3>
<UL>
<LI>Web服务器是放置网页，并为访问者提供连接服务的计算机。这样的服务器可以是ISP(Internet 服务提供商)提供的机器，也可以是自己的电脑。</LI>
<LI>安装IIS</LI>
<LI>配置Web站点<UL>
<LI>设置主目录</LI>
<LI>建立虚拟目录</LI>
</UL>
</LI>
</UL>
<H1><A name="2.3 HTML 标记">2.3 HTML 标记</A>
<A href="#第二章 HTML制作">(目录)</A></H1>
<UL>
<LI>HTML的核心概念是标记（TAG）。</LI>
<LI>HTML标记形式：<标记名>相应内容</标记名></LI>
<LI>大小写无关</LI>
<LI>双标记,如<PRE></PRE></LI>
<LI>单标记,如<BR></LI>
<LI>标记的属性:<标记 属性1 属性2 属性3 …>，如：<BR>
<HR SIZE=3 ALIGN=LEFT WIDTH=”75%”></LI>
</UL>
<H1><A name="2.4 结构标记">2.4 结构标记</A>
<A href="#第二章 HTML制作">(目录)</A></H1>
<UL>
<LI>结构标记向浏览器提供关于文档特性的信息，例如所用HTML的版本、文档的介绍性信息和标题等。</LI>
<LI>五个结构标记，<A href="sample/s02_04.htm">例2.4</A><UL>
<LI><!DOCTYPE> 说明HTML版本</LI>
<LI><HTML>表示文档为HTML文档</LI>
<LI><HEAD>包含文档的标题、文档使用的脚本、样式定义和文档名等信息。</LI>
<LI><TITLE>包含文档标题。</LI>
<LI><BODY>放置要在浏览器中显示信息的所有标记和属性。</LI>
</UL>
</LI>
</UL>
<H2><A name="2.5 常用标记和属性">2.5 常用标记和属性</A>
<A href="#第二章 HTML制作">(目录)</A></H2>
<H2><A name="2.5.1 标题">2.5.1 标题</A>
<A href="#第二章 HTML制作">(目录)</A></H2>
<UL>
<LI>HTML的六级标题，<H1>最大，<H6>为最小。<A href="sample/s02_05.htm">例2.5</A></LI>
<LI>标题对齐：<A href="sample/s02_06.htm">例2.6</A></LI>
</UL>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -