首页 > 专利技术

网页的特性

网页的特性：是图形化的和易于导航的、交互性、与平台无关、是分布式的、是动态的、是可设计的

构成元素文本、图片、超级链接、动画、音乐、表单等。

主要功能：宣传广告;信息采集;业务联系;咨询服务;远程管理;专项服务

基本方式：手工编码方式、可视化工具方式、编码与可视化工具结合方式

常用工具：dreamweaver、frontpage、辅助工具：photoshop、flash、fireworks

技术分类：静态网页设计技术;动态网页设计技术（ASP、JSP、PHP、CGI）

网站建设的流程：网站目标和主题的确定;网站的规划;网站素材的准备;网站制作工具的选择和确定;网站的建立;注册域名和申请网页空间;网站的测试和发布;网站的宣传和推广;网站的更新和维护

优秀的网页4个必要条件：明示标题、明示信息、明示目录信息、传达信任感;2个附加条件：表示欢迎态度、加强说服力

形式美法则：统一和变化、对比和调和、对称与平衡、节奏与韵律

网页版面布局的基本类型：国字型、拐角型;三字型;对称对比型;标题正文型;框架型;封面型;flash型

彩的三属性：相、明度、纯度

建立网站链接结构基本方式:树状链接结构;星状链接结构

HTML是一种超文本标记语言，是用于描述网页文档的一种标记语言。

编辑客户通讯录管理系统html文件的工具：dreamweaver、frontpage

HTML文档是一种纯文本格式的文件，HTML文档的基本结构为：

<html>

<head>

</head>

<body>

网页的内容

</body>

</html>

结构包括：HTML文件标记、HTML文件头标记、HTML文件主体标记。

HTML的基本语法规则：1提倡使用小写标记2代码缩进书写3运用注释语句

4慎用空格，换行用<br>标记，换段用<p>标记，一个半角空格使用一个 (5元素的属性值应该全部使用英文半角双引号界定6多数HTML标记可以嵌套，但不可以交叉

HTML标记：1）文本格式标记：标题格式软化器~ 文字格式~字型设置~段落~强制换行~预排格式~插入水平线~文本缩排~列表~文字滚动~2）表格~3）图像与多媒体~：图像~背景音乐~多媒体~4)超链接~5）表单~6）框架~

标题格式~：在网页的页面中，标题是一段文字内容的主题，可以通过对标题文字进行不同的字号设置，来增加文本信息的层次性和条理性。

标题文字标记的格式为：

<hn align="left|center|right"> 热风循环烘箱结构图标题文字 </hn>

n用来指定标题文字的大小，n取1～6的整数值，取1时文字最大，6时文字最小。

属性align设置标题在页面中的对齐方式：left、center或right。缺省时默认为left。

注意：<hn>…</hn>标记缺省显示宋体，在同一个标题行中无法使用不同大小的字体；与title定义的网页标题不同，标题格式显示在浏览器窗口内，不显示在浏览器的标题栏中。

文字格式标记：

在网页中为了增强页面的层次，其文字可以用不同的大小、字体、字型、颜， <font> 标记可以实现这一功能。

<font>标记设置文字的格式为：

<font size=“数字” face=“字体名” color=“颜"> 被设置的文字 </font>

size用来设置文字的大小。数字的取值范围从1～7，size取1时最小，取7时最大。

face用来设置字体。如黑体、宋体、楷体_GB2312、隶书、Times New Roman等。

color用来设置文字颜。

强制换行和不换行标记：客流监测系统<br>、<nobr>... </nobr>

<br>标记放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。

强制换行标记的格式为：文字 <br>

不换行标记可令文字不能因太长使浏览器无法显示而换行，它对住址、数学公式、一行数字等尤其有用。其格式为：<nobr> 文字 </nobr>

段落标记：段落标记放在一个段落的头尾，用于定义一个段落。<p>...</p>标记不但能使后

面的文字换到下一行，还可以使两段之间多一空行，一个段落标记<p>可以看作是两个<br>标记，即<br><br>。

段落标记的格式为：<p align="left|center|right"> 文字 </p>

其中属性align用来设置段落文字在网页上的对齐方式：left（左对齐）、center（居中）和right（右对齐）。缺省时默认为left。

分区显示标记：设置文字、图像、表格的摆放位置，除了段落标记还常使用<div>…</div>标记。

分区显示标记的格式为：<div align="left|center|right"> 文本、图像或表格 </div>

其中属性align用来设置文本块、一段文字或标题在网页上的对齐方式：left、center和right。缺省时默认为left。

注意： <div>标记和<p>标记不能嵌套使用。

预排格式标记：功能：保留文字在纯文字编辑器中的格式，原样显示，不受前面的文字格

式和段落格式的影响。格式：<pre>预排格式文本</pre>

插入水平线标记：碳化稻壳<hr>标记用于在页面中显示一条水平标尺线，可以使不同功能的文字分隔开，看起来整齐、明了。水平线的样式由标记的参数决定。

水平线标记的格式为：<hr align=“left|center|right” size=“横线粗细” width=“横线长度” color=“横线颜" noshade>

size设定线条粗细，以像素为单位，默认为2。

width设定线段长度，可以是绝对值（以像素为单位）或相对值（相对于当前窗口的百分比）。

color设定线条颜，可以采用颜的名称，也可以用以“#”引导的一个十六进制数代码来表示。

noshade指定线条是否有阴影，缺省时线为空心有阴影，否则为实心线条。

文本缩排标记：<blockquote>文本</blockquote>

无序列表标记<ul><li>...</ul>

无序列表中每一个表项的前面是项目符号（如■等符号）。建立无序列表使用<UL>标记和<li>表项标记。格式为：

<li type="符号类型1"> 第一个列表项

<li type="符号类型2"> 第二个列表项

…

</ul>

注意：列表整个表项与上下段文本之间各有一行空白。<li>标记是单标记，即一个表项的开始，就是前一个表项的结束。type指定每个表项左端的符号类型，可为disc（实心圆点）、circle（空心圆点）、square（方块）。

有序列表标记<ol><li>...</ol>

使用<OL>标记可以建立有序列表，表项的标记仍为<li>。格式为：

<li type="符号类型1"> 表项1

<li type="符号类型2"> 表项2

…

</ol>

有序列表整个表项与上下段文本之间各有一行空白；列表项目向右缩进并左对齐；各表项前带顺序号。

列表嵌套可以把主页分为多个层次，例如书的目录，给人以很强的层次感。有序列表和无序列表不仅可以自身嵌套，而且彼此可互相嵌套。

流动字幕标记的格式为：

<marquee

behavior=“字幕滚动方式（ alternate 交替进行|scroll 循环往复滚动|slide 只进行一次滚动）“

bgcolor=“颜代码”

direction=“left|right|up|down”

width=“字幕长” height=“字幕高”

loop=“循环次数（ i|-1 无限次循环）”

scrollamount=“字符运动速度”

scrolldelay=“延时时间”

hspace=“水平方向空间” vspace=“垂直方向空间” > 字幕文字或图片 </marquee>

表格标记：

表格的作用主要有两点：一是存放数据；二是作为页面布局和定位的工具。最简单的表格仅包括行和列。表格的主标记为<table>，行的标记为<tr>，表格单元标记为<td>， <th>用来设置表格头部信息。格式为：

<table border="n" width="x|x%" height="y|y%“>艾叶油胶丸

（子标记）

…

</table>

图像标记：使用图片标记，可以把一幅图片加入到网页中。用图片标记还可以设置图片的替代文本、尺寸、布局等属性。

图片标记的格式为：<img src="图片文件名" width="图片宽度" height="图片高度" border="边框宽度" hspace="水平方向空白" vspace="垂直方向空白" align="环绕方式|对齐方式">

如果不设定图片的尺寸，图片将按照其本身的大小显示。可使用<img>标记的width和height属性来设置图片的大小。width和height属性的属性值可取像素数，也可取百分数。

使用图片标记<img>还可以变相插入视频。

格式为：

本文发布于:2024-09-24 22:35:43，感谢您对本站的认可！

本文链接：https://www.17tex.com/tex/3/283522.html

上一篇：网页设计与制作复习资料

下一篇：Dreamweaver制作网页之图片应用技巧

标签：标记文字格式网页设置

留言与评论（共有 0 条评论）