网页制作与HTML语言基本结构
html的结构
html的结构介绍
【示例范文仅供参考】
---------------------------------------------------------------------- html文档的基本结构是：文档类型声明、html标签对、head标签对、body标签对；HTML的全称为超文本标记语言，是一种标记语言。
简介：
HTML（HyperT extMark-upLanguage）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。
HTML元素是构建网站的基石。
HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
HTML的语言形式为尖括号包围的HTML元素（如<html>），浏览器使用HTML标签和脚本来诠释网页内容，但不会将它们显示在页面上。
HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网
页的行为。
网页浏览器也可以引用层叠样式表（CSS）来定义文本和其它元素的外观与布局。
维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素。
第2章 网页设计与制作-HTML语言基础
由“<”和“>”组成的就是标记。在HTML 语言中标记分“单标记”和“双标记”。
2.1 HTML概述
2.2 文本的编辑
2.2.3 标题显示等级
语法格式为：
<hn>…</hn>
n：表示不同级别的标题，n值可以是1-6中 的任意数字，其中1表示的标题字体最大。
可以用align属性设置对齐方式，常用的有 左对齐，居中，右对齐三种对齐方式。
2.2 文本的编辑
2.2.4 列表
在HTML中，列表常用的有“有序列表”和 “无序列表”。
2.2 文本的编辑
2.2.4 列表
2．无序列表 基本语法结构为：
<ul type=“n”>
<li>项目1</li> <li>项目2</li>
……
<li>项目n</li>
</ul>
Type:设置符号形状，有实心圆、小正方形、 空心圆三种，具体如下：
n=disk：符号为实心圆。 n=square：符号为正方形。 n=circle：符号为空心圆。
绝对路径：完整的描述文件位置的路径就 是绝对路径。对于绝对路径可以不需要知道其 他任何信息就可以判断出文件的位置。
相对路径：所谓相对路径,顾名思义就是当 前文档与目标的相对位置。例<src = "1.bmp">.
第3章_HTML网页制作
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-01
03-23
3.5.9 列表（续）
• 无序列表：
语法: 说明: <UL TYPE=“” COMPACT></UL> TYPE属性可以分别取三个值“disc”、“square”、“circle”，（在 某些浏览器中，TYPE属性的值必须使用小写浏览器才可以识别） 它是用来控制强调符风格的属性，三个值分别对应实心圆点，实心 方块，空心圆圈。需要说明的是有些浏览器不支持该属性。 COMPACT属性是个无值属性（名称标记），用来使列表的表项用 紧凑格式显示。
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-01
03-25
3.5.9 列表（续）
• 有序列表：
语法: <OL TYPE=“” START=“” COMPACT></OL> 说明: TYPE属性可以分别取五个值“1”、“a”、“A”、“i”、 “I”，它是用来控制强调符风格的属性，五个值分别对应 数字、小写字母、大写字母、小写罗马数字、大写罗马数 字。START属性是一个数字，表示从第几个数字（字母） 开始计数。COMPACT属性是个无值属性（名称标记）， 用来使列表的表项用紧凑格式显示。
北京清华万博网络技术股份有限公司版权所有 WS-NE30-3-01 03-14
语法: 说明:
3.5.7 文字移动
• • • • • • 文字移动方向的设置 文字移动方式的设置 文字移动循环的设置 文字移动速度与延时的设置 文字移动底色的设置 文字移动面积的设置
北京清华万博网络技术股份有限公司版权所有
北京清华万博网络技术股份有限公司版权所有
WS-NE30-3-01
小学五年级信息技术学习制作简单的网页
小学五年级信息技术学习制作简单的网页在小学五年级的信息技术学习中，学生们将学习如何制作简单的网页。
通过掌握基本的HTML标记语言和网页设计原则，他们可以创造出具有一定交互性和美观性的网页。
下面将介绍制作简单网页的步骤和技巧。
一、准备工作1. 打开文本编辑器：在开始制作网页之前，学生需要打开一个文本编辑器，例如Windows平台上的记事本或者Mac平台上的文本编辑器等。
2. 保存文件：学生应该将文件保存在一个容易访问的地方，例如桌面或一个新建的文件夹中。
文件的后缀应为.html。
二、编写基本结构1. <!DOCTYPE html><html><head><meta charset="UTF-8"><title>我的第一个网页</title></head><body></body></html>以上是一个基本的HTML结构。
其中，<!DOCTYPE html> 表示这是一个HTML5文件，<html>标签是HTML文档的根元素，<head>标签用于放置与网页相关的元数据，<meta charset="UTF-8">定义了网页的字符编码，<title>标签用于定义网页的标题，<body>标签包裹了网页的主要内容。
三、添加网页内容在<body>标签中，可以添加各种网页内容，例如文字、图片、链接等。
1. 文字<h1>欢迎来到我的网页</h1><p>这是我第一个制作的网页，非常兴奋！</p>使用<h1>标签可以定义一级标题，<p>标签可以定义段落。
学生可以根据需要添加更多的标题和段落内容。
2. 图片<img src="图片的URL或路径" alt="图片描述">使用<img>标签可以插入图片。
网页设计与制作讲义
HTML标记HTML基本结构<html><head><title>Hello HTML</title></head><body>Hello HTML</body></html>第1部分<html>...</html>标记HTML的开始和结束。
第2部分<head>...</head>标记HTML文档的头部分。
第3部分<body>...</body>标记HTML文档正文部分。
良好的XHTML编写习惯1.属性名称必须小写<div class="blue">网页头部<div>2.属性值必须使用双引号<div class="adam1985">Adam1985</div>3.使用id代替name4.必须使用结束标签<div>Adam1985</div><br/><img src=""/>HTML标记标记的概念标记（tags）由一对西文尖括号和标记名组成，标记开始<tag01>，标记结束</tag01>。
单行标记：<tag02/>标记的属性标记可以附加属性，属性表示方法：key=value例如：<tag01color="red"width="10">HTML与Web标准组织逻辑结构：HTML表现：CSS行为：JavaScript关于DTD和<!DOCTYPE>DTD"DTD"(Documnet Type Definition)是XML1.0版规格的一部分,它是XML文件的验证机制,属于XML文件组成的一部分，DTD在XML文件所扮演得角色就是定义XML文件的元素架构、元素标记和属性。
HTML（超文本标记语言）是制作网页的基础HTML标记是HTML...
第1章HTML基础HTML(超文本标记语言)是制作网页的基础。
HTML标记是HTML的核心与基础，用于修饰、设置HTML文件的内容及格式。
一个HTML文件中包含了所有将显示在网页上的文字信息。
其中也包括对浏览器的一些指示，如文字应放置在何处，显示模式如何等。
如果还有一些图片、动画、声音或是任何其他形式的资源，HTML文件也会告诉浏览器到哪里去查找它们，以及它们将放置在网页中的什么位置。
教学目标通过对本章的学习，读者应了解和掌握HTML的各种标记和语法，并能够使用HTML 设计简单的静态网页。
教学重点与难点●使用HTML设计静态网页●编辑网页文本格式●创建超链接●使用表格●使用列表1.1 网页基础知识Internet是从Interconnected Networks延伸而来的，是跨国界的网络。
Internet把世界各地数以千万计的计算机和传输线路连接在一起构成一个网络。
通过它可以交换信息、共享资源，并以此为基础实现各种计算机通信应用项目。
在Internet中，网页是它的重要组成部分，本节首先介绍一些与网页相关的名词和概念。
1.1.1 万维网——WWWWWW(World Wide Web)即环球信息网，也可以称为Web，中文名字为“万维网”。
用户在使用浏览器来访问Web的过程中，无须关心一些技术性的细节即可得到丰富的信息资料。
WWW 是Internet上发展最快和目前使用最广泛的一种服务。
ASP动态网站开发教程• 2 •简单的说，WWW是漫游Internet网的工具，它把Internet上不同地点的相关信息聚集起来，通过WWW浏览器(比如IE，Internet Explorer)检索，无论用户所需的信息在什么地方，只要浏览器为用户检索到之后，就可以将这些信息(文字、图片、动画、声音等)“提取”到用户的计算机屏幕上。
1.1.2 超文本传输协议——HTTPHTTP(HyperText Transfer Protocol)即超文本传输协议，它是WWW服务器上使用的最主要协议。
html的基本结构写法
html的基本结构写法词性解释与意思：“HTML”是“HyperText Markup Language”的缩写，名词词性，意思是超文本标记语言。
它就像是建筑的蓝图，是构建网页的基础框架与规则集，用各种标记来告诉浏览器如何展示网页内容，比如文字该怎么排版，图片要放在哪里等，是网页世界的“魔法指令手册”。
用法：主要用于网页开发中编写网页的代码结构。
比如“我要创建一个新网页，首先得用HTML 搭建好基本框架”，表明它在网页初始构建阶段的关键作用；也可在网页优化、修改场景使用，“发现网页显示有问题，得检查HTML 代码是不是哪里出错了”，体现其在维护网页正常运行方面的用途。
近义词：“Web Markup Language”（网页标记语言），突出其在网页领域标记功能的表述；“Hypertext Language”（超文本语言），更侧重于超文本特性方面的概括，与HTML 核心概念相近但表述略有不同。
双语例句：HTML is the key to unlocking a beautiful web page. It's like a secret code. Can you imagine building a website without it?（HTML 是开启精美网页的关键。
它就像一个密码。
你能想象没有它来构建网站吗？）The developer was typing HTML codes furiously. His fingers were like dancing on the keyboard. He was determined to make an amazing website.（开发者飞快地输入HTML 代码。
他的手指就像在键盘上跳舞。
他决心打造一个很棒的网站。
）I'm learning HTML and it feels like exploring a new universe. There are so many tags and elements. It's both exciting and a bit overwhelming.（我正在学习HTML，感觉就像在探索一个新宇宙。
网页制作案例教程 清华大学出版社 教学课件第3章 HTML基础
文本字体、大小、颜色属性,主要是通过在<font>标签 中设置face、size、color的值，设置文本的字体、大 小和颜色。
案例3-13文本字体属性应用
3、<hr>标签的属性
在<hr>标签中，通过设置width和size属性，用来控制 水平线的长度和宽度，默认情况下，水平线的宽度是 100%，1像素的高度，在设置宽度和高度时可以是确 定的像素值也可以是占窗口的百分比。 color属性可以设置水平线的颜色，颜色表示和字体 颜色的表示相同.
表格标签、属性、单元格以及表格嵌套应用 框架基本结构、分割方式、属性及链接、浮动 窗口
本章学习导航
HTML标签的学习，是初学者掌握网页制作的 入门技术，也是后续学习创建静态、动态网站 必备基础知识，了解JavaScript的基本标签、 属性运用及作用，并使用它们制作精美的网页 ，是初学者掌握本章内容的基本要求。 本章内容在全书知识结构中所处位置如图所示
3.1.2 HTML基本结构及书写规范
1、HTML基本结构
在HTML中，由<>和</>括起来的文本叫做“标签”，<> 表示开始标签；</>表示结束标签，开始标签和结束标签配 对使用，它们之间的部分是该标签的作用域，比如 <html></html>等。HTML就是以这些标签来控制内容的显 示方式。
8）注释标签 在HTML文档中用来表示注释的标签为<!-- 注释内容-->
案例3-10 注释标签应用 9）水平分割线标签hr <hr>标签是水平线标签，用于段落和段落之间的分割， 使文档结构清晰明了，使文字的编排更整齐。加入一 个<hr>标签，就加入了一条默认的水平线。
html基础
例2-1-1.html <HTML> <HEAD> <TITLE>网页标题部分</TITLE> </HEAD> <BODY> <P>网页正文部分！</P> <P>正文部分可以包含各种网页元素。</P> </BODY> </HTML>
HTML格式标记
2、预定格式标记 格式：<PRE>…</PRE> PRE有属性width 功能：在浏览器中显示时，按照编辑工具中文档预先排 好的形式显示内容。见例2-2-2.html 3、分区显示标记 格式：<DIV>…</DIV> 功能：分区显示文档(布局) 说明：在一个文本块或许多段落中设置布局(对齐)方 式，经常使用DIV，它可以将文档内容分成区块一次性地布 局。
表格标记
七、表格标记
1、建立表格标记
格式：<TABLE>……</TABLE> 功能：创建表格进行页面设计。表格的整体外观由
TABLE标记的属性设定
2、定义表格行标记 格式：<Tr>……</Tr>
功能：定义表格中的一行。
说明：此标记只能放在<Table>标记内部使用，而在此 标记对之间加入文本将是无用的，因为在<Tr> </Tr>之间只 能紧跟<Td></Td>标记对才是有效的语法。
功能：用于包含文件的基本信息:
<TITLE></TITLE>:网页标题信息 <STYLE></STYLE>:定义CSS 样式表 <LINK></LINK>:链接CSS 样式表 <SCRIPT></SCRIPT>: 插入脚本标记 <META></META> :描述HTML中的文档信息
网页的基本结构
网页的基本结构
网页是互联网应用的一种形态，它是将一组超文本标记语言（Hypertext Markup Language，简称HTML）写成的文档，在Web浏览器上呈现友好的用户界面。
它是以标准（XHTML或HTML 5）语言制作而成，使用HTML标记来表示界面上出现的元素，用Cascading Style Sheet（CSS）来描述网页外观和布局，还融合脚本语言形成的客户端和服务器端脚本来实现网页的动态功能等。
网页的结构大致可以分为四部分：Doctype声明、html元素、head元素和body 元素。
Doctype声明告诉浏览器HTML这种文档的版本信息；Html元素是网页的
根元素，将网页的内容包含在它的起止标签中，界定了HTML文档的拓展范围；Head元素包含网页中的一些重要信息，如文档title、meta信息、脚本等，它们约
定了网页的语言，定义了网页外观与布局；Body元素则是网页真正的内容展现部分，就是我们看到的网页正文部分，它放置着网页页面中展示的内容信息，如文本、图片、表单、链接等。
要想创建一个网页，首先要了解网页的基本结构，其次要了解HTML标记语
言和CSS样式语言的相关知识，同时还要掌握脚本语言才能真正将网页充分利用
起来。
每一部分内容都是紧密相连的，遵循标准实现内容到形式的简洁转换，这样才能使网页具有良好的可读性和可访问性。
第二章HTML基础
例：
无序列表
例：
有序列表
1. 计算机一班 2. 计算机二班
1.无序列表
无序列表由两个标记组成，语法如下：
<ul>
<li> <li> 计算机一班 计算机二班
</ul>
<ul></ul> 表示中间的内容为无序列表 <li> 表明为一个列表项
例：
<html><body> <ul> <li>第一章 <li>第二章 <li>第三章 </ul> </body></html>
问其它的信息资源。
HTML文件大致结构
<HTML> <HEAD> <TITLE>网页标题</TITLE> </HEAD>
<BODY>
网页的内容 </BODY>
</HTML>
一个完整的html文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "/TR/REC-html40/strict.dtd"> <HTML> <HEAD> <TITLE>The document title</TITLE> </HEAD> <BODY> <H1>Main heading</H1> <P>A paragraph.</P> <P>Another paragraph.</P> </BODY> 运行结果 </HTML>
HTML文档的基本结构
定义简单表格
<Table border=5 bgcolor=silver width=50% align=center>
<TR><TH>编号</TH><TH>品牌</TH></TR>
<TR><TD>M1001</TD><TD>长城</TD></TR>
属性：TEXT=#…
实例： <BODY TEXT=#00FF00>
字体、字号、文字颜色
用<FONT>标记指定字体、字号和文本颜 色
字体
属性：<FONT FACE=“…”> 指定字体
字号
实例属：性<F：O<NFTOFANCTES=“IZ楷E体=”…S>IZ字E=号4>1你到明7白号了，吧默？认 </F是ON3T>
表格标志
表格标记<TABLE>…</TABLE> 基本表格标记：<TR>、<TD>、<TH>
标志
用法
<TABLE>
在HTML文档中标识表格
<TR>
标识表格中的一行，结束标志是可选的
<TD>
标识一行中的单元，结束标志是可选的
<TH>
标识一行标题单元，结束标志是可选的
</TR>、</TD>、</TH>的结束标记最好加上
嵌入影像
HTML基本结构与常用标记
HTML基本结构与常用标记HTML（超文本标记语言）是用来描述网页的一种语言，它包括一个标记的语言。
HTML文档由标记组成，每个标记表示文档的一部分，它们以HTML标签的形式显示，标记将文本分割成不同的章节和段落。
HTML网页文档有几个基本结构，其中最常见的是文档声明，文档类型声明，标题，脚本，样式表以及正文内容等。
文档声明是HTML文档中第一行，它提供有关HTML文档的额外说明，它是必须的。
文档声明是以尖号“<！”开头，用标记“！--”结尾，所有内容都包含在其中。
文档声明的下一行是文档类型声明，它指定了文档的编码和HTML的版本号。
文档类型声明是用于使浏览器能够正确地显示网页的必要属性，它用“<！DOCTYPE>”开头，后面是编码格式及其对应的文档类型，用双尖号结尾。
接下来是HTML元素，它是HTML文档的核心，包括“<HTML>”和“</HTML>”，前者是开始标签，表示一个HTML文档的开始位置，后者是结束标签，表示HTML文档的结束位置。
HTML文档由标题，脚本，样式表和正文内容组成。
其中，标题是“<head>”标签的一个子标签，用于提供文档的全部信息和附加资源；脚本是“<script>”标签的一个子标签，用于指示浏览器如何实现某些功能；样式表是“<style>”标签的一个子标签，用于指定如何显示文档内容；正文内容是“<body>”标签的一个子标签，用于指定文档的实际文字内容。
HTML中最常用的标签包括：a标签用于创建超链接；img标签用于显示图像；strong标签用于在网页中显示粗体字；div标签用于创建一个正常文本块；span标签用于控制内容；h1-h6标签用于创建不同效果的标题；form标签用于创建表单；ul标签可用于创建无序列表，以及列表中每个项目使用li标签表示。
HTML结构及其标记允许开发人员使用标准格式来编写网页，这些标记能够使所有的网页变得一致，便于搜索引擎的收录以及显示的效果美观。
HTML基本结构
HTML基本结构很多时候学网页制作开发的时候第一看到的印象深刻的就是html或htm后缀结尾的网页，我们把这类网页归结为静态网页，伪静态除外。
那html或htm与其它如php、asp、aspx、jsp等后缀结尾的网页有什么区别呢？首先，html页面是静态的从头到尾没有程序的执行是纯的html语言，是不经过服务器处理就直接送出给浏览器呈现给浏览者。
而其他后缀的结尾的网页相对来说就是动态网页页面，动态页面是经过服务器对各自的程序翻译处理、数据库操作等处理然后才由浏览器把服务器处理完的数据程序给用户，而网页内容数据可以随后台数据改变而改变。
那html基本语言机构是怎么样的呢？先看一下的html结构：1.<html>2.<head>3.<title>放置文章标题</title>4.<meta http-equiv="Content-Type"content="text/html; charset=gb2312"/> //这里是网页编码现在是gb23125.<meta name="keywords"content="关键字"/>6.<meta name="description"content="本页描述或关键字描述"/>7.</head>8.<body>9.这里就是正文内容10.</body>11.</html>完整HTML包括html DOCTYPE声明、title标题、head、网页编码声明等内容最初使用完整的html源代码：1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"2. "http://www.w/TR/xhtml1/DTD/xhtml1-transitional.dtd">3.<html xmlns="/1999/xhtml">4.<head>5.<meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>6.<title>标题部分-动力节点</title>7.<meta name="keywords"content="关键字"/>8.<meta name="description"content="本页描述或关键字描述"/>9.</head>10.<body>11.内容12.</body>13.</html>最新完整HTML结构-HTML源代码(推荐)：1.<!DOCTYPE html>2.<html lang="zh-CN">3.<head>4.<meta charset="utf-8">5.<title>网页标题</title>6.<meta name="keywords"content="关键字"/>7.<meta name="description"content="此网页描述"/>8.</head>9.<body>10.网页正文内容11.</body>12.</html>无论是html还是其它后缀的动态页面其html语言结构都是这样的，只是在命名网页文件时以不同的后缀结尾。
Web页面制作基础HTML
6 框架结构
TARGET属性三种常见的用法： 1．用于A标记 <A HREF=“…” TARGET=“WINDOW_NAME”> 2．用于BASE标记 <BASE TARGET=“WINDOW_NAME”> 3．用于FORM标记 <FROM ACTION=“…” TARGET=“WINDOW_NAME”>
设置图片上下边沿空白
3 加入多媒体与超级链接
2．插入视频 使用<IMG>插入视频或动画时，含有的属性如下表：
标记属性 功能
dynsrc=URL
loop=size
loopdelay=time
设置多媒体来源位置
设置视频播放的次数 设置两次播放的间隔时间
start=value
指定何时开始播放视频文件
3 加入多媒体与超级链接
网站开发基本过程
Web页面制作基础
1 2 3 4 5 6 HTML概述 HTML文本设计 加入多媒体与超级链接 制作表格 制作表单 框架结构
1 HTML概述
1.1 什么是 HTML 文件？
HTML是（Hyper Text Markup Language，超文 本标记语言）的缩写HTML 指超文本标签语言。 HTML 文件是包含一些标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面。 HTML 文件必须使用 htm 或者 html 作为文件扩 展名。 HTML 文件可以通过简单的文本编辑器来创建。
7 动态标记
<marquee> ... </marquee>
方向 <direction=#> #=left, right
<marquee direction=left>啦啦啦，我从右向左移！ </marquee> <P> <marquee direction=right>啦啦啦，我从左向右 移！</marquee>
网页设计与制作(代码介绍)
v1.0 可编辑可修改网页设计与制作一、HTML基本语言：基本语法：（如图）<html>....</html>:表示HTML文档的开始和结束<head>…</head>:表示HTML文档的头部。
最常用的标记是<title>…</title>,<title>标记中的内容对应浏览窗口标题的信息。
<body>…</dody>：<body>标记之内的内容对应的是浏览器中的内容。
2.<body>标记的使用：（如图）Bgcolor="颜色":设置页面背景色。
Background="图像文件的名字及路径"：设置背景文件。
Text="颜色"：设置页面文字默认颜色。
标记属性用来对标记之间的内容修饰，标记其属性必须放到．．”．中，各属性间必须用．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．“．< >空格隔开。
．．．．．色彩的表示方法有两各种：模式，用16进制的红(Red)、绿(Green)、蓝(Blue)的值来表示，格式为“#RRGGBB”，字符包括数字0～9和字母A～F，如红色为“#FF0000”2.用英文单词表示彩色，如红色“red”。
二、常用的HTML标记及其属性制作网页①：1.页面属性、排版标志⑴.标题标记：格式：<h#>...<h#>, 其中“#”的取值范国为1（字体最大）～6（字体最小）。
作用：设置文档的各级标题。
常见属性：align,用于定义标题的对齐方式，默认为左对齐，标题标记属性：（如表）⑵.版面格式标记①.分段与换行：（如表）②.文本对齐标记可以在<p>标记中使用align属性指定文本对齐方式。
另外，居中对齐可以通过居中对齐方式进行设置。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2019/2/7
Body.htm
11
HTML文档基本标记
设置<BODY>的属性 2．<BODY>属性
link --- 可链接文字的色彩，默认为蓝色 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 ， 通常为紫色 Leftmargin ---页面左边的空白 topmargin ---页面上方的空白
2019/2/7
6
HTML文档基本标记
<head>标记中的基本内容： 1．<title>标题</title> 2．<meta> 信息:在服务器和客户之间传达隐 含信息。可以用来定义页面主题，设定页面格式， 标注内容提要和关键字，设置页面刷新等等。
2019/2/7
7
META标签分两大部分： HTTP标题信息(HTTPEQUIV)和页面描述信息(NAME)。 HTTP-EQUIV回应给浏览器一些有用的信息，帮 助正确和精确地显示网页内容。
2019/2/7
4
HTML文档基本结构
包括HEAD、TITLE、BODY三部分，下面是基本结构： <HTML> <HEAD> <title>标题部分</title> </HEAD> <BODY> 正文部分 </BODY> </HTML>
2019/2/7
Html.htm
5
HTML文档基本标记
1．HTML文档标记 格式： <HTML>…</HTML> 标志文件开始和 结尾的标记。 2．HTML文件头标记 格式： <HEAD>…</HEAD> 用于包含文件的 基本信息。 3．HTML文件主体标记 格式：<BODY>…</BODY>文件主体标记。 注意： <HEAD> 与 <BODY> 为独立的两个部分， 不能互相嵌套。
2．分段标记 格式：<P>…</P>设置段落标记。 <p align=alignstyle>文字</p> 3．换行标记<BR>
格式：文字<BR> <NOBR>
2019/2Βιβλιοθήκη 7 8 NAME变量 1、Keywords (关键字)
用法：<Meta name=“Keywords”
Content=“关键词1,关键词2,关键词3,关键词
4,……”> 2、Description (简介) 用法：<Meta name="Description" Content="你网页的简述">
2019/2/7
HTML文档基本标记
设置<BODY>的属性 1．<BODY>属性 background＝ ---背景图片 Bgcolor＝“＃RRGGBB” --- 背景色彩 text --- 非可链接文字的色彩 举例： <body background=“flower.jpg”> <body bgcolor=#ff0000 text=blue >
2019/2/7
2
网页的基本元素
文字：网页上传达信息的主体
图像：视觉印象比文字强烈，可以用来制作标题、
背景、主图和链接按钮等
超链接：一个网页和另一个目的地（网页、图片、
文件、程序）的连接点，可以分为文本超链接和 图像超链接
2019/2/7
3
什么是HTML
HTML是（Hyper Text Markup Language，超文本标记 语言）的缩写，使用各种不同的标记符号来分别标识和 设定不同的网页元素。 每一个网页元素通常由开始标记（start tag）、结 束标记（end tag），以及夹在这两个标记中的内容所 组成。 HTML语言内容丰富，从功能上大体可分为：文本设置、 列表建立、文本属性制定、超链接、图片和多媒体插入、 对象、表格、表单的操作，以及框架的建立。
网页制作与HTML语言基本结构
网页制作概述 Dreamweaver概览 使用Dreamweaver制作实例网站的主页框架 HTML语言基本结构
2019/2/7
1
静态网页与动态网页
静态网页： 所谓“静态”，指的就是站点的页面内容是“固定不变” 的。 动态网页： 浏览器端和服务器端可以互动，也就是服务器端可以实时 处理浏览器端的请求，然后将处理结果（动态生成的网页） 响应给浏览器端。
2019/2/7
Body_link.htm
12
HTML常用标记
段落格式化 1．标题标记 格式： <H1>…</H1> ， <H2>…</H2>…<H6>…</H6> 设置 各种大小不同标题的标记。 <hn align=alignstyle>标题文字</hn> alignstyle=left,right,center
1、<Meta http-equiv=“Content-Type” Content=“text/html; Charset=gb2312”>(显示 字符集的设定) 2、<Meta http-equiv=“Refresh” Content=“30”> <Meta http-equiv=“Refresh” Content=“5;Url=”>(设 置网页刷新时间）
2019/2/7
9
<html> <head> <meta charset="gbk" /> <title>淘宝网 - 淘！我喜欢</title> <meta name="description" content=" 淘宝网 - 亚洲最大、最安全的网上交易平台，提 供各类服饰、美容、家居、数码、话费/点卡充 值… 2亿优质特价商品，同时提供担保交易(先收 货后付款)、先行赔付、假一赔三、七天无理由退 换货、数码免费维修等安全交易保障服务，让你 全面安心享受网上购物乐趣！" /> <meta name="keywords" content="淘 宝,掏宝,网上购物,C2C,在线交易,交易市场,网上 交易,交易市场,网上买,网上卖,购物网站,团购,网 上贸易,安全购物,电子商务,放心买,供应,买卖信 息,网店,一口价,拍卖,网上开店,网络购物,打折,免 费开店,网购,频道,店铺" /> 10