当前位置：文档之家› 网页设计————HTML基本标记

网页设计————HTML基本标记

21
使用FONT标记
标记用于控制文本在网页上的显示。可以指定size（大小）、 color（颜色）face（字体）style（样式）等属性。
<HTML> <HEAD> <TITLE>欢迎使用HTML</TITLE> </HEAD> <BODY> <H3>我的第一个 HTML文档</H3> 这将会是一种很有趣的体验 </BODY> </HTML>
用来指定目标窗口的打开方式。包含4个取值：
_blank：在新窗口中打开。
_parent：在上一级的浏览窗口中打开。
_self：在当前页面或框架中打开。 _top：在当前浏览窗口页面中打开。

<HTML> <head> </head> <BODY> <A HREF="x1.html" TARGET="_blank">文件x</A> </BODY> </HTML>
10
链接到另一文档中某个特定位置
单击
<HTML> <HEAD> <TITLE>副文档</TITLE> </HEAD> <BODY> <A name = Internet>互联网</A> 互联网是网络的网络。也就是说，计算机网络可以跨越国家甚至全球的范围连接到其他网络。世界上所有的计算机都可以通过TCP/IP传输协议绑定在一起。 <A name = HTML>HTML简介</A> 超文本标记语言是 Web 用来创建和识别文档的标准语言。虽然它不是标准通用标记语言 (SGML) 的子集，但与它有着某种程度上的关联。SGML是一种文档格式语言表示方法。 <A name = Consistency>多样性和统一性</A> 万事万物都离不开多样性和统一性这样一条基本准则。也就是说，所有的事物都可以融合成一个整体，同时，又保持自己独特的与众不同的一面。站点的独特性恰恰来源于它的一致性。颜色、字体、分栏布局以及其他设计元素应在站点的每个部分都保持一致。 </BODY> </HTML> 11
18
字符级标记
<HTML> <HEAD> <TITLE>字符级标记示例</TITLE> </HEAD> <BODY> 字符级标记示例 圆的面积=pi*r2 水的化学符号：H2O 这是一种很有趣的体验 </BODY> </HTML>
– 手工直接编写：记事本、EditPlus等，存成.htm 或.html文件 – 可视化编辑器：Dreamweaver、 Frontpage等 – 由Web 服务器实时动态地生成：IIS、Tomcat等
HTML 文档的结构
基本结构：
HTML 部分文档头部分
包含：网页标题、网页说明、 CSS样式、脚本代码等
<HTML> <HEAD> <TITLE>使用链接</TITLE> </HEAD> <BODY> 本页的所有内容都讲述关于如何创建到文档的链接 <A HREF =Doc2.html> 单击此处查看文档2</A> </BODY> </HTML>
8
链接到同一文档的各个部分
单击
链接到其他文档
<HTML> <HEAD> <TITLE>使用链接</TITLE> </HEAD> <BODY> 本页的所有内容讲述链接到其它网站 <A HREF="">地大网</A> </BODY> </HTML>
12
补充：<A>目标显示方式属性--target
22
补充：关于颜色
颜色值是一个关键字或一个RGB格式的数字。 aqua，black， blue，fuchsia, gray， green， lime，maroon，navy，olive， purple，red，silver，teal，white，yellow
23
在 HTML 中对于颜色的定义可以用6位十六进制数。电脑屏幕的色彩是由rgb（红、绿、蓝）三种色光所合成的，通过调整这三个基色就可以调配出其它的颜色。 – 每2位数代表一种颜色的浓度，三种颜色的顺序为红、绿、蓝，00代表颜色浓度最小，FF代表颜色浓度最大。 #000000代表纯黑、#FFFFFF代表纯白、
<A name = Consistency>多样性和统一性</A> 万事万物都离不开多样性和统一性这样一条基本准则。也就是
说，所有的事物都可以融合成一个整体，同时，又保持自己独特的与众不同的一面。站点的独特性恰恰来源于它的一致性。颜色、字体、分栏布局以及其他设计元素应在站点的每个部分都保持一致。 
24
d
图中所示是部分颜色的RGB代码:
例：为页面设置背景色：
<body bgcolor=“#FFFF33”>
25
容器（区域控制）标记、<DIV>
<DIV>„</DIV>可以设定多行或跨段落或某一区域的内容样式； „一般只用在一行中设定几个字的情况。
<HTML> <HEAD> <TITLE>学习HTML</TITLE> </HEAD> <BODY> <DIV> 第1部分 元素用于组织元素 DIV通常用于块级元素 </DIV> <DIV align = right> 第2部分 这是第二部分 <H2>您觉得有意思吗？</H2> </DIV> 第二部分向右对齐。 公共格式应用于这一部分中的所有元素 </BODY> </HTML> 26
17
字符级标记
 . . . . . . <S> . . . </S> 粗体文本下划线效果删除线效果
 . . . /SUP> 上标文本 . . . /SUB> 下标文本 . . 强调文本 <CODE>. . .</CO 用于显示编程代码 DE> <CITE>. . . 用于引用 </CITE>
20
预排版标记：<PRE> 标记
如果希望文本以预定义的格式显示，可以使用PRE元素。此元素用于定义文本的格式。文本在浏览器中显示时遵循在HTML源文档中定义的格式。
<HTML> <HEAD> <TITLE>学习HTML</TITLE> </HEAD> <BODY> <PRE> 汉普蒂·邓普蒂坐在墙上汉普蒂·邓普蒂摔了一大跤国王所有的马和所有的人也无法再把汉普蒂·邓普蒂拼起来 </PRE> </BODY> </HTML>
6
链接类型
•内部链接
1、到同一网站内的其它网页的链接 2、到同一文档内的其他部分的链接
----------------
------
------
-----------
------
------
•外部链接
------
到其他网站或服务器上的页面的链接。
Web站点1
Web站点2
7
链接到其他文档
19
块引用标记：<BLOCKQUOTE> 标记
可以使用BLOCKQUOTE元素显示文档中的引用文本。BLOCKQUOTE用于较长的引用且显示为缩进式段落。

e商务文档

网页设计————HTML基本标记

相关文档推荐：