• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

学习网页制作基础入门教程(3)字体标签_html

html 搞代码 7年前 (2018-06-15) 163次浏览 已收录 0个评论
文章目录[隐藏]

  相关文章:

  学习网页制作基础入门教程(1)网页编写

  学习网页制作基础入门教程(2)排版标签

  标题标签

  1. 使用方法:<H1>标题热</H1>

  2. 标签解释:标题的大小一共有六种,两个标签一组,也就是从 <H1> 到 <H6> , <H1> 最大,<H6>最小。使用标题标签时,该标签会将字体变为粗体字,并会自成一行。

http://www.gaodaima.com/33378.html学习网页制作基础入门教程(3)字体标签_html

  3. 使用范例

原始a
呈FY果
<H1>标题1</H1>

标题1

<H2>标题2</H2>

标题2

<H3>标题3</H3>

标题3

<H4>标题4</H4>

标题4

<H5>标题5</H5>
标题5
<H6>标题6</H6>
标题6

  设定字体大小标签

  1. 使用方法:<FONT SIZE=”尺寸”>文字热</FONT>

  2. 标签解释:标题的大小一共有七种,也就是<FONT SIZE=1>(最小)到 <FONT SIZE=7>(最大),另外,还有一种写法:<FONT SIZE=+1> 文字热 </FONT>,其意思就是说:比预设字大一级。当然也可以 FONT SIZE=+2(比预设字大二级),或是 FONT SIZE=-1(比预设字小一级),以一般而言,预设字体多为 3。

  3. 使用范例: 本网页就是 <FONT SIZE = 9pt>

  字型变化标签

  1. 使用方法:<B>文字热</B>

  2. 标签解释:在文字标签里,对于文字的格式也有相当多的变化,如粗体、斜体…等,此外,也定义了一些现成的格式供编者使用,如『强调』、『原始码』…等,当然,这只是方便您参考用,并无强迫说遇到原始码就要加上『原始码』的标签。

  3. 使用范例

原始代码

显示结果

<B>粗体</B>粗体 
<I>斜体</I>斜体
<U>底线</U>底线
<SUP>上标</SUP>上标
<SUB>下标</SUB>下标
<TT>打字机</TT>打字机
<BLINK>闪烁</BLINK>闪烁
<EM>强调</EM>强调
<STRONG>加强</STRONG>加强
<SAMP>范例</SAMP>范例
<CODE>原始码</CODE>原始码
<VAR>参数</VAR>参数
<DFN>定义</DFN>定义
<CITE>引用</CITE>引用
<ADDRESS>所在地址</ADDRESS>
所在地址

  文字颜色设定

  1. 使用方法:<FONT COLOR=”#000000″>文字颜色</FONT>

  2. 标签解释: 文字也可以设定颜色!

  3. 使用范例

原始代码
显示结果
<FONT COLOR=”#ff0000″>红色</FONT>

红色
<FONT COLOR=”#ff8000″>橙色</FONT>

橙色
<FONT COLOR=”#ffff00″>S色</FONT>

S色
<FONT COLOR=”#00ff00″>绿色</FONT>

绿色
<FONT COLOR=”#0080ff”>蓝色</FONT>

蓝色
<FONT COLOR=”#8000ff”>紫色</FONT>

紫色
<FONT COLOR=”#000000″>黑色</FONT>

黑色

  文字字型设定

  1. 使用方法: <FONT FACE=”字型名称”>文字</FONT>

  2. 标签解释: 网页上也可以使用字型!唯一的一个限制是:对方也要有该字型!否则看到的仍然还是默认字体(默认字体为宋体)。另外要说明的是,这个标签并无法保证在每个浏览器上都能正常的显示,不过这并没有关系,看不到特殊的字型时,浏览器仍会以默认字体显示,所以不用怕会一团乱。

  3. 使用范例

原始代码
显示结果
<FONT FACE=”宋体”>宋体</FONT>

宋体

  特殊字元

  1. 使用方法:试打 ” ”

  2. 标签解释:很多特殊符号是需要特别处理的,比如说” < “、” > “这两个符号若想要显示在网页上是没有办法直接打” < “的,要显示” < “必须输入编码表示法。

  3. 使用范例

原始代码
显示结果
 

( 代表一个不断行空白)
<

<
>

>
&

&
"

欢迎大家阅读《学习网页制作基础入门教程(3)字体标签_html》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:学习网页制作基础入门教程(3)字体标签_html

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址