今天我们继续看看html的学习笔记。
文本标签
标题标签<hn>
将文本设置为标题显示的标签对。设定标题字体大小,n=1(大)~6(小),标题大小一共有6种,也就是从<h1>……</h1>到<h6>……</h6>
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<h1>我是菜鸟小白</h1>
<h2>你们的好朋友</h2>
<h3> 让我们一起学习吧!!!</h3>
</body>
</html>
显示效果如下:
字体修饰标签
对文字的格式做相应的变化,如粗体、斜体、底线、上标、下标等。常用的字体修饰标签有以下几种。
-
<b>……</b>:指定文字为粗体字
-
<i>……</i>:指定文字为斜体字
-
<u>……</u>:指定文字为带有下划线
-
<tt>……</tt>:指定文字为打字机效果
-
<sup>……</sup>:指定文字为上标
-
<sub>……</sub>:指定文字为小标
-
<em>……</em>:对某段文字进行强调,通常用斜体字显示出来
-
<strong>……</strong>:对文本进行强调,通常用粗体字显示出来
我们看下加粗前后对比,其它效果类似方式
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<b>我是菜鸟小白呀</b>
我是菜鸟小白呀
</body>
</html>
显示效果如下:
字体标签<font>
设置文档的字体,改变其属性,对文本进行不同的设置,包含字体、大小、颜色等
-
size
-
face
-
color
我们看看大小的对比区别
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
我是菜鸟小白
<font size="20px">我是菜鸟小白呀</font>
</body>
</html>