泥鳅教你HTML（第三课）{HTML菜鸟必读}

泥鳅 · 发表于 2011-12-15 13:14:18

泥鳅教你HTML：第二课（HTML基本标记二）

   上节课我们已经学习了语言字符集、<body> 、链接的代码!!

一个网页打开，里面的文本字体内容有大有小，有红有白！那么这是怎么实现的勒？？

那么今天我们就来学习的内容是：关于网页中的字体标记的代码以及字符实体代码。

一、标题字体

标题，这个就不用我解释了吧！
<h#>飘仙建站</h#>  #=1,2,3,4,5,6 (注意：h的值只有1-6这个六个值)

实战训练：（用第一节课说的记事本来练习，打出以下代码）
<h1>飘仙建站</h1>
<h2>飘仙建站</h2>
<h3>飘仙建站</h3>
<h4>飘仙建站</h4>
<h5>飘仙建站</h5>
<h6>飘仙建站</h6>
<hn>飘仙建站</hn>  这对标记显示的是黑体。一般都是默认的，了解一下就可以啦！

二、字体大小
   疑问：在网页中我如何是一些字体，显示不同的大小，不同颜色勒？
答案：<font></font>这对标记可以为你解决！font在英文中翻译为字体！
顾名思义这个font就是改变字体的标记！font 包含一些属性：size(大小)颜色(color)face（字体）

实战训练：
<font size=1 color=red face="宋体">飘仙建站</font>  查看效果，并理解！
<font size=3 color=yellow face="华文琥珀">飘仙建站</font>
<font size=6 color=green face="新宋体">飘仙建站</font>
<font size=7 color=blue face="华文行楷">飘仙建站</font>

菜鸟一定要亲自动手，不要复制我的代码敷衍了事！

三、物理字体
这个我们在QQ聊天经常用到！如：<b></b>
常用的有：<b>(粗体)<i>（斜体）<u>（下划线）<sup>（上标）<sub>（下标）<s>（删划线）
这些标记都要成对出现！下面操作：
实战训练：
<b>飘仙建站</b>
<i>飘仙建站</i>
<u>飘仙建站</u>
<sup>飘仙建站</sup>
<sub>飘仙建站</sub>
<s>飘仙建站</s>

菜鸟一定要用记事本动手操作并查看效果！理解并掌握！

四、逻辑字体
其实物理字体和逻辑字体的效果是一样！
常用的有：<strong>(粗体)<em>（斜体）<var>（斜体）<samll>（缩小）<big>（放大）
这些标记都要成对出现！下面操作：
实战训练：
<strong>飘仙建站</strong>
<em>飘仙建站</em>
<var>飘仙建站</var>
<small>飘仙建站</small>
<small><small>飘仙建站</small></samll>    两个samll，表示字体缩小两倍。
<big>飘仙建站</big>
<big><big>飘仙建站</big></big> 两个big,表示字体放大2倍！当然你也可以多个！

五、字体颜色：
  字体颜色上面我们约有讲到，那么这里我们就讲讲颜色的属性：
疑问：什么是属性？属性的值有什么？
答案：一切事物的特征便是属性，属性的值就是属性的特征。（不明白？）
打个比方：人的眼皮这就是人的属性之一，双眼皮和单眼皮就是他的值。你不可能说成红眼皮或者紫眼皮吧。因为红和紫不是眼皮的值。

字体颜色：也就是属性：<font  color=#>飘仙建站</font>
他的值有：#就表示他的值，他包括：red（红色） green（绿色） blue（蓝色） black（黑色） olive（橄榄色） teal maroon（栗色） navy（） gray（灰色） lime（灰色） yellow（**） white（白色） purple（紫色） silver（银白色） aqua（浅绿色） fuchia（紫红色）。
以上我就例举这么些，当然还有很多。我也就不一一列表啦。感兴趣的自己去百度查一下。

实战训练：
<font color="silver">飘仙建站</font>
<font color="red">飘仙建站</font>
<font color="green">飘仙建站</font>
<font color="purple">飘仙建站</font>
<font color="blue">飘仙建站</font>
<font color="aqua">飘仙建站</font>
<font color="navy">飘仙建站</font>

只要改变颜色（color）的值就可以啦！大家赶紧动手试试吧！！

六、字符实体：
这里我粗略地讲一下：
疑问：什么是字符实体？
回答：就是一些特殊的字符！如：#，%，￥等
在聊天的时候我们可以随便输入，但是在HTML设计中就不能胡乱输入啦！
他们有专门的输入格式：每个字符前都必须加上一个“&”符号
例子：
&——————————表示显示：&
<——————————————表示显示：<(小于符号)
>——————————————表示显示：>（大于符号）
&quto;————————————表示显示："（双引号）

还有很多，有兴趣的自己百度搜索 "字符实体列表"即可！

希望对大家有所帮助！

不懂的可以问我，我的QQ：1207549344

流星玛丽 · 发表于 2011-12-15 13:19:19

不错不错~
谢谢分享~~~~

风吹红蒂 · 发表于 2012-1-19 21:08:29

虽是基础，确是很重要的

持子之手 · 发表于 2012-4-23 14:26:42

为了论坛的发展

赵人无名 · 发表于 2013-3-16 14:57:53

多谢了，希望多出这样的贴

		自动登录	找回密码
密码			立即注册

[教程] 泥鳅教你HTML（第三课）{HTML菜鸟必读}

评分

站长推荐 /1