html如何设置字体大小

html-css022

html如何设置字体大小,第1张

在HTML中可以设置字体大小。下面,我们来看看html如何设置字体大小吧。

01

font

在HTML中,通常使用font标签来设置字体的样式,而用size属性来设置字体大小,如下图所示:

02

size的值

随着size的值越大,那么显示的字体就会越大,如下图所示:

03

h标签

使用h标签一般是用来设置标题字体大小的,如下图所示:

04

预览效果

预览效果如下,随着h的值越大,那么字体就会越小。

具体意义如下:

<html>   //html标志

<body style="background-color:PowderBlue">  主体样式 ——背景颜色

owderBlue<h1>Look! Styles and colors</h1>  标题默认H1<p style="font-family:verdanacolor:red"> 段落样式——字体:verdana;颜色:红

This text is in Verdana and red</p> 段落内容<p style="font-family:timescolor:green"> 段落样式——字体:times;颜色:绿

This text is in Times and green</p>段落内容<p style="font-size:30px">This text is 30 pixels high</p> 段落样式——字体大小:30%</body> 主体结束

</html> HTML结束

拓展资料:

超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

由此可见,网页的本质就是HTML,通过结合使用其他的Web技术(如:脚本语言、CGI、组件等),可以创造出功能强大的网页。因而,HTML是Web编程的基础,也就是说万维网是建立在超文本基础之上的。

方法/步骤分步阅读

1

/6

我们打开记事本 1709(OS 内部版本 18362.720)

进入下图界面

2

/6

我们首先把网页框架搭建起来

输入下图框内html代码

3

/6

接着我们输入下图框内代码

这个意思是使用css

css现在比较普遍

4

/6

接着我们要输入 css代码了

如下图框内

其中楷体就是我们设置的字体

5

/6

我们保存这个txt文件

然后修改为html格式

如下图框内

6

/6

然后我们打开网页文件,就可以了