1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一段文字,并且设置p标签的id属性为txt,主要用于下面通过该id获得元素对象。
2、然后在p标签的下面,使用button标签创建一个按钮,名称为“改变字体大小”。
3、接着在test.html的js标签内,使用function声明一个函数cgsize()。
4、然后在cgsize()函数内,使用getElementById()方法获得p元素对象,并设置style属性中的fontSize为25px,即字体的大小改变为25px。
5、最后在浏览器打开test.html文件,点击按钮,改变文字的大小。
在HTML中可以设置字体大小。下面,我们来看看html如何设置字体大小吧。
01font
在HTML中,通常使用font标签来设置字体的样式,而用size属性来设置字体大小,如下图所示:
02size的值
随着size的值越大,那么显示的字体就会越大,如下图所示:
03h标签
使用h标签一般是用来设置标题字体大小的,如下图所示:
04预览效果
预览效果如下,随着h的值越大,那么字体就会越小。