HTML标记【各种标记的使用】!

http://fung2005.bokee.com/2442136.html

 这次我们讲HTML标记的使用方法
大家记住在制作HTML文件时,在标记的使用上,使用英文字母的大小写并无分别,换句话说,<html>、<Html>、<HTML>都是一样的。
在前两节我们已经介绍了HTML标记大部分是以两个为一组<head>和<body>,在每个HTML标记中,还可以设置一些属性,控制HTML标记所建立的组件。例如:
<标记名称 属性1=值1 属性2=值2>
而结束标记的建立方式则为:
</标记名称>
因此,在HTML文件中某个组件的完整的语法应该这样写:
<标记名称 属性1=值1 属性2=值2>组件资料</标记名称>
下面的叙述将利用<p>标记的Align(Align:排列)属性,我们把“语言编程”这四个字所组成的段落中对齐的方式。
<p align=center>语言编程</p>
这是一个文字居中的效果,也可用
<center>语言编程</center>
两个命令的效果都是一样的,大家可以试试!
下面我们一起做一个关于这个语法的实例:
<html>
<head>
<title>我的网页</title>
</head>
<body>
<center>语言编程</center>
</body>
</html

空格符号&nbsp的使用
例:信物&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;席摹容
=================================================
居中对齐标记<center>
例:
<center>
清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<br>
若非群山玉头见,<br>
会向瑶台月下逢。<br>
</center>
=============================================
向右缩进标记<blockquote>
例:
<body>
清平调
<blockquote>
云想衣裳花想容,
</bockquote>
春风拂槛露华浓,
<blockqueote>
若非群玉山头见,
</blockquote>
会向瑶台月下逢。
</body>
===========================================
标记<Hn>的使用

<Hn>在HTML中共有6个层次标题,因此n的范围为1-6。
例:
<body>
<h1>标题文字1</h1>
<h2>标题文字2</h2>
<h3>标题文字3</h3>
<h4>标题文字4</h4>
<h5>标题文字5</h5>
<h6>标题文字6</h6>
</body>
===============================================
标题文字align的对齐方式
在<hn>标记中较为常用的属性为align,此属性用于控制标题的对齐方式,

设置值                  对齐方式
 left                     左对齐
center                  居中对齐
right                     右对齐

语法如下<Hn align=left或center或right>要控制的文字</Hn>
=====================================================
<font>字体标记

<font>字体标记用于控制文字的字体、大小与颜色,控制方式是利用属性设置实现。
属性              使用功能
face             控制文字使用的字体
size             控制文字的大小
color            设置文字的颜色

<font>字体标记属性的语法是:
<font face=值1 size=值2 color=值2>要控制的文字</font>
============================
设置字体——face属性
<font face=字体名称>要控制的文字</font>
例:
<body>
<font face=楷体>
虞美人</font>
<pre>春花秋月何时了 往事知多少
小楼昨夜又东风 故国为堪回首月明中
雕栏玉砌应犹在 只是朱颜改
问君能有几多愁 恰似一江春水向东流
</pre>
</body>
====================================
设置文字大小——size属性
<font size=字体大小等级>要控制的文字</font>
例:
<body>
<font size=6>
虞美人</font>
<pre>春花秋月何时了 往事知多少
小楼昨夜又东风 故国为堪回首月明中
雕栏玉砌应犹在 只是朱颜改
问君能有几多愁 恰似一江春水向东流
</pre>
</body>
=====================================
设置文字的颜色——color属性
<font color=颜色>要控制的文字</font>

<body>
<pre>
虞美人
<font color=#00ff00>
春花秋月何时了 往事知多少</font>
小楼昨夜又东风 故国为堪回首月明中
雕栏玉砌应犹在 只是朱颜改
问君能有几多愁 恰似一江春水向东流
</pre>
</body>
======================================
OK!我们一起做一个练习题:
默认字体文字
蓝色黑体文字大小为1
红色华文细黑字体大小为4
绿色华文行楷字体文字大小为7!

例:
<html>
<head>
<title>使用<font>标记搭配各种属性</title>
</head>
<body>
默认字体文字<br><br>
<font face="楷体" size=1 color=blue>
蓝色楷体文字大小为1
</font><br><br>
<font face="华文细黑" size=4 color=red>
红色华文细黑字体大小为4
</font><br><br>
<font face=华文行楷 size=7 color=green>
绿色华文行楷字体文字大小为7
</font>
</body>
</html>


今天我们学得有:空格符号&nbsp、居中对齐标记<center>、向右缩进标记<blockquote>、标记<Hn>的使用、标题文字algn的对齐方式、<font>字体标记、设置字体face属性、设置文字大小size属性、设置文字的颜色color属性。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值