HTML5实用小技巧分享(二)——让我的网页中的字体变得更好看
2023-04-18 14:49:44 时间
上次说到Html5中无法换行的问题
<body>
<p>把文字输入到这里</p>
<p>把文字输入到这里</p>
</body>
看看运行结果
这下是不是就换行了
格式:<p align=”排列方式”>你想写的内容</p>
排列方式:
left (默认的) 左边 center 中间 right 右边
下面我们看看代码
<p align="left">内容1</p>
<p align="center">内容2</p>
<p align="right">内容3</p>
再看看示例结果
有了
文本
,就能实现句子的换行了(不过一般这是段落与段落的换行)
其实如果你想换行,还有更简单的方法
当你输入完了一串文本,只用在编辑器里敲出 就可以实现换行了
但是, 有个问题,我们总是用黑色的字,能否换个颜色呢?
其实是可以的
接下来要用到font标签
格式<font color="你能想到的颜色的英文单词">你要输入的文本</font>
下面 举三个段代码示例展示font标签的用法
<p><font color="blue">蓝色</font></p>
<p><font color="#ffc0cb">粉色</font></p>
<p><font color="red">红色</font></p>
运行结果如下
font还有改变字体大小的功能
<font color="" size="输入“0~7”">文本</font>
直接上示例代码
<p><font color="" size="0">字体</font></p>
<p><font color="" size="1">字体</font></p>
<p><font color="" size="2">字体</font></p>
<p><font color="" size="3">字体</font></p>
<p><font color="" size="4">字体</font></p>
<p><font color="" size="5">字体</font></p>
<p><font color="" size="6">字体</font></p>
<p><font color="" size="7">字体</font></p>
<p><font color="" size="8">字体</font></p>
我们发现0号和1号是一样的,7号以后的都和7号是一样的了
今天的分享就到此结束!下面就是全部代码了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>major title</title>
</head>
<body>
<p align="left">内容1</p>
<p align="center">内容2</p>
<p align="right">内容3</p>
<p><font color="blue">蓝色</font></p>
<p><font color="#ffc0cb">粉色</font></p>
<p><font color="red">红色</font></p>
<br><br><br>
<p><font color="" size="0">字体</font></p>
<p><font color="" size="1">字体</font></p>
<p><font color="" size="2">字体</font></p>
<p><font color="" size="3">字体</font></p>
<p><font color="" size="4">字体</font></p>
<p><font color="" size="5">字体</font></p>
<p><font color="" size="6">字体</font></p>
<p><font color="" size="7">字体</font></p>
<p><font color="" size="8">字体</font></p>
</body>
</html>
相关文章
- 因 Bug 太多,苹果打算大改 iOS 14 的开发模式
- 7 款 Mac 工具,提高你的效率!
- 支付宝一大波新功能上线:彻底离不开了
- 为什么9102年了,我们还要清理iOS缓存?
- 关于手机“系统更新”,究竟有没有升级的必要?来看看优缺点
- 高通副总裁Reiner Klement:“5G+人工智能+云”将如何变革未来产业
- 微信还能这样玩?教你用微信远程控制电脑
- 这样的 iOS 14 概念设计,你喜欢吗
- 万字长文!超全面的B端产品设计指南
- 测试效率提升一倍!第二届NCTS中国云测试峰会开启AI测试新范式
- 不会编程也能写程序 - Testin AI 新产品iTestin发布
- 自由开源 Linux 手机 Librem 5 第二批将延期发货
- 苹果软件工程师讲述“安全码自动填充”功能背后的故事
- Google硬件全家桶大更新!槽点简直和亮点一样多
- 报告:华为鸿蒙2020年全球份额将达2% 成第五大操作系统
- 把全国人民拉进一个微信群,技术上能实现吗?
- 微信提醒:这些都是外挂软件 大家不要用
- 谷歌官方首次提及Android 11
- 智能手机如果十年不坏,你能坚持十年不换吗?
- 苹果正式放弃iTunes!如何将iPhone和iPad同步到Mac?