仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 854|回复: 8
打印 上一主题 下一主题

[HTML5] 给大家带来HTML基本:HTML字体标志及属性

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:31:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。
  我们在这里将要谈的是有关笔墨的标志,包含字体巨细、色彩、字型...等变更,得当的使用能够增添页面的美妙!

  经常使用字体标志

<Hn>...</Hn>题目,设定题目字体巨细,n=1(年夜)~6(小)会主动跳下一行。一般用在如章节、段落等题目上。<P>如:<H2>题目</H2>题目

如:<H3ALIGN=CENTER>题目</H3>(题目置中)题目

<B>...</B>粗体字。<P>如:<B>粗体字</B>粗体字
<I>...</I>斜体字。如:<I>斜体字</I>
斜体字
<U>...</U>加底线。如:<U>加底线</U>
加底线
<DEL>...</DEL>横线(暗示删除)。如:<DEL>横线</DEL>
横线
<TT>...</TT>打字体(流动宽度笔墨)。如:<TT>打字体</TT>
打字体
<SUP>...</SUP>上标字。如:字体<SUP>上标字</SUP>
字体上标字
<SUB>...</SUB>下标字。如:字体<SUB>下标字</SUB>
字体下标字
<!...>注解(不会显现在扫瞄器上),能够多行。
如:<!更新日期:2000/1/1>
设定字体巨细、色彩、字型

有关设定笔墨的办法共有以下几种:

<Palign=left>1.设定HTML文件主体笔墨色彩。<BODY>...</BODY>标志。
<Palign=left>  如:<BODYTEXT=RED>...</BODY>或
     <BODYTEXT=#FF0000>...</BODY><Palign=left>2.设定基础字体巨细、色彩、字型。<BASEFONT>...</BASEFONT>标志。3.设定字体巨细、色彩、字型。<FONT>...</FONT>标志。
<BASEFONT>...</BASEFONT>设定基础字体,SIZE=1~7,1(最小)7(最年夜)。<P>如:<BASEFONTSIZE=4>基础字体巨细为4</BASEFONT>
基础字体巨细为4<P>如:<BASEFONTCOLOR=#FF0000>设定色彩</BASEFONT>
设定色彩如:<BASEFONTFACE=标楷体,细明体>设定字型</BASEFONT>
设定字型
<BIG>...</BIG>基础字体加年夜。如:<BASEFONTSIZE=4>基础字体巨细为4,</BASEFONT>
<BIG>加年夜为5</BIG>
基础字体巨细为4,加年夜为5
<SMALL>...</SMALL>基础字体减小。如:<BASEFONTSIZE=4>基础字体巨细为4,</BASEFONT>
<SMALL>减小为3</SMALL>
基础字体巨细为4,减小为3
<FONT>...</FONT>设定字体巨细、色彩、字型,SIZE=1~7,1(最小)7(最年夜)。<P>如:<FONTSIZE=4>字体巨细为4</FONT>
字体巨细为4<P>如:<BASEFONTSIZE=4>基础字体巨细为4
<FONTSIZE=1>1字体巨细为5</FONT>
<FONTSIZE=-2>-2字体巨细为2</FONT>...</BASEFONT>
  基础字体巨细为4
 1字体巨细为5
   -2字体巨细为2
<P>如:<FONTCOLOR=#FF0000>设定色彩</FONT>
设定色彩如:<FONTFACE=标楷体,细明体>设定字型</FONT>
设定字型
  注重事项

  1.设定字体的巨细分:相对SIZE如:<FONTSIZE=4>
和绝对SIZE如:<FONTSIZE=1>(以BASEFONT设定的字体巨细做加减)。

  2.设定字体的色彩能够是色彩称号或#RRGGBB表红绿蓝强度(00暗~FF亮)。#RRGGBB所代表的是红、绿、蓝三原色,每色由两位十六进制的数值暗示(即十进制0~255)。
十六进制:0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。
  3.设定字体的字型会依照按次找出显现的字型,若找不到则以体系预设字型显现。



就在新标准备受瞩目之际,两大网络监督机构却起冲突。
老尸 该用户已被删除
沙发
发表于 2015-1-17 23:02:18 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
小魔女 该用户已被删除
板凳
发表于 2015-1-24 08:33:11 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
若相依 该用户已被删除
地板
发表于 2015-2-1 08:16:10 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
谁可相欹 该用户已被删除
5#
发表于 2015-2-7 03:06:41 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
深爱那片海 该用户已被删除
6#
发表于 2015-3-6 17:36:56 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
分手快乐 该用户已被删除
7#
发表于 2015-3-13 06:10:33 | 只看该作者
可以使用 CSS 检查工具进行设计。
柔情似水 该用户已被删除
8#
发表于 2015-3-13 06:10:33 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
山那边是海 该用户已被删除
9#
发表于 2015-3-20 15:13:26 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:25

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表