登鹳雀楼(网页设计代码)

这里写图片描述

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>古诗鉴赏</title>
</head>
<body>
<h1 align="center"><font size=20 face=黑体>登鹳雀楼</font>     <!--align用来文本水平居中-->
<br><align="center"><font size=6 face=楷体>王之涣</font>       <!--font-family用来指定字体,若电脑上没装
 相应字体的人看网页,将看不到这个字体效果,只能看到电脑上默认的宋体或微软雅黑体等,因此针对中文操作系统来说:为
 保证网页效果,通常只能指定:宋体、黑体、微软雅黑之类的系统上默认自带的字体;font-face用来载入一个字体,别人电
 脑没装这个字体,但用 font-face 加载后同样能在网页上显示出相应字体的效果。-->
</h1>

<p align="center"><font size=10 face=隶书>白 日 依 山 尽,<br><br>黄 河 入 海 流。     <!--<p> 标签定义
段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。-->

<br><br>欲 穷 千 里 目,<br><br>更 上 一 层 楼。</font></p> <!--,br标签是小换行提行,p标签是大换行(分段)
各行作用,一般使用两个<br />换行标签效果等于一个<p>段落标签效果-->
<hr align="center" width=600px color=red>
<p align="center">王之涣(688年—742年),是盛唐时期的著名诗人,字季凌,汉族,绛州(今山西新绛县
<br>)人。豪放不羁,常击剑悲歌,其诗多被当时乐工制曲歌唱。名动一时,他常与高适、王
<br>昌龄等相唱和,以善于描写边塞风光著称。其代表作有《登鹳雀楼》、《凉州词》等。“
<br>白日依山尽,黄河入海流。欲穷千里目,更上一层楼”,更是千古绝唱。
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<!--&nbsp在 html 里是空格占位符,普通的空格在 html 里如果连续的多个可能被认为只有一个,
而这个东西你写几个就能占几个空格位-->
</body>
</html>

**

HTML 6种空格列举

**
1、&nbsp
不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该空格占据宽度受字体影响明显而强烈。

2、&ensp
“半角空格”,全称是En Space,en是字体排印学的计量单位,为em宽度的一半。根据定义,它等同于字体度的一半(如16px字体中就是8px)。名义上是小写字母n的宽度。此空格传承空格家族一贯的特性:透明的,此空格有个相当稳健的特性,就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。

3、&emsp
“全角空格”,全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

4、&thinsp
窄空格,全称是Thin Space。我们不妨称之为“瘦弱空格”,就是该空格长得比较瘦弱,身体单薄,占据的宽度比较小。它是em之六分之一宽。

5、&zwnj
零宽不连字,全称是Zero Width Non Joiner,简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为“”(zero width non-joiner,U+200C),HTML字符值引用为: ‌

6、&zwj
零宽连字,全称是Zero Width Joiner,简称“ZWJ”,是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML: ‍ ‍)。

猜你喜欢

转载自blog.csdn.net/gy99csdn/article/details/82492703