文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设HtmlHTML网页设计中关于字体设计的详细讲解
精品推荐
特别推荐
·用CSS控制浏览器的滚动条
·marquee标记的用法
·HTML语言:什么是Unicode 什么是UTF-8
·XHTML编写网页代码的七条基本规范
·HTML和XHTML的区别
·HTML语言:什么是Unicode?什么是UTF-8?
·HTML 和 XHTML 区别
·HTML标记全集
·分析比较:三种简洁的Tab导航简析
·HTML教程-HTML简介
·网页Web标准化教程关于表格的应用
·网页代码常用小技巧总结续,网页制作学习
·HTML 标记参考手册
·用htc实现html编辑器
·HTML 4.0 语言快速入门参考教程
·初学:什么是DIV+CSS?有什么优势?
·网页制作实例CSS用一张图片实现圆角
·DIV CSS网页布局学习中容易出现的问题汇总
·HTML标签语义 科学合理的运用HTML标签
·53个CSS-不可或缺的技巧
热点TOP10
·弹出窗口代码集萃
·html教学+HTML语法大全
·图片左右循环连续滚动代码,解决marquee的留白问题
·网页设计基础:Div+CSS布局入门教程
·下拉列表框1下拉列表框2(HTML版)
·HTML标记全集
·解析Html页面:HTML Parser的试用
·在HTML网页中添加WMV格式播放器代码
·中国地区三级联动下拉菜单代码和示例(附带代码下载)
·53个CSS-不可或缺的技巧
·HTML 标记参考手册
·页面显示问题
·用层模拟下拉列表框
·CSS标准网页设计UL和DIV使用的技巧总结
·可移动层的实现示例
·CSS 制作的三级菜单特效代码
·兼容标准XHTML的浮动层特效实现
·HTML及XML语言的转义字符
·HTML 4.0 语言快速参考
·分析比较:三种简洁的Tab导航简析

HTML网页设计中关于字体设计的详细讲解

日期:2007年7月6日 作者: 查看:[大字体 中字体 小字体]


    ●字体(Font)的设置是网页制作新手遇到的第一个难点。如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的。好,我们来彻底研究一下字体的各个方面:
 
    字符集的设定。
 
    在查看html文件原代码时,我们经常可以在文件头<head>和</head>之间看到这么一句代码:
 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 
    这段代码的作用是什么呢?是否可以删除呢?
 
    其实这是meta标签的设定语句,是给浏览器看的。它的作用就是告诉浏览器:这个HTML文件是采用gb2312字符集制作的。当浏览器读到这一代码,便以gb2312字符集来解释和翻译网页原代码,然后我们就可以看到正确的网页。所以这个meta语句是非常重要的,尽量不要删除。
 
    gb2312就是我们最熟悉的GB简体码,英文是iso-8859-1字符集。其它还有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字符集,分别用于不同的字体显示。
 
    字体的使用。
 
    在网页里,字体的定义语句是:<font face="Arial">显示文字</font>
 
    其中Arial就是一种字体的名称。
 
    默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。也就是说,如果你没有设置任何字体,网页将以这两种标准字体显示。同时,着两种字体也可以在任何操作系统和浏览器里正确显示。
 
    windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix 则不能完全正确显示。
 
    如果你需要用一种特殊的字体来体现你的风格,那么如何让大家可以真正看到你的设计页面呢?解决的办法是:用图片。
 
    将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。  
 
    字体的样式(style)。
 
    字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。
 
    字体的效果。
 
    这里指通过html语言设定可以直接显示的效果,在html里的语句设定为:
 
    <span style="text-decoration: overline">显示文字</span>
 
    其中,overline是指上划线效果。其它常用的效果还有:underline(下划线),uppercase(大写)等等。
 
    字体大小的控制。
 
    字体大小的控制是本节的重点。
 
    一般字体默认的大小是12pt(镑).用<font size="+1">语句可以将文字增大2pt。这种方法我们都已经掌握了。而现在网络上最流行的小中文字体大小为9pt,是如何设定的呢?有三种方法:
 

[1] [2] [3] 下一页 




上一篇:网页HTML教程:建立有亲和力的超级连接

下一篇:网页制作初学者来看:认识XHTML DHTML SHTML的区别

HTML网页设计中关于字体设计的详细讲解 相关文章:
·最详细的黑客入门法则
·3DS Max 7卧室效果图设计:建模篇
·关于三级片和A片的区分标准
·VB+Access设计图书管理系统
·为什么iexplore.exe在打开网页时CPU使用会100%?
·DIV CSS网页布局实例:十步学会用CSS建站
·如何建立一个网站?规划、设计、目的、原则、宣传
·大航海家3-详细全攻略 - 游戏攻略
·《盟军敢死队:打击力量》详细流程攻略
·飞机订票系统设计
HTML网页设计中关于字体设计的详细讲解 相关软件:
·300多种中文字体
·美工设计教程
·Dreamweaver 网页设计
·C语言程序设计
·Photoshop CS中文版平面设计师标准案例教程
·微软雅黑字体
·素材字体-中国龙字库
·photoshop cs 超梦幻网页创意宝典
·Photoshop CS经典创意设计200例
·东方网页王III 正式版

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn