分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

适合0基础的web开发系列教程-文本格式标签汇总

发布时间:2023-09-06 02:28责任编辑:胡小海关键词:暂无标签

html标签主要是起结构的作用,布局的效果主要靠css完成,比如颜色、背景、字体大小、对齐等。

不过html标签中也有一些常用的文本格式化标签,能对文本内容进行简单的格式设置。

比如加粗文字、定义斜体、定义小号字、下划线、删除线、上标和下标等。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>夜鹰教程网</title></head><body><i>斜体www.yyjcw.com</i><br><em>斜体www.yyjcw.com</em><br><strong>加粗www.yyjcw.com</strong><br><b>加粗www.yyjcw.com</b><br><ins>下划线www.yyjcw.com</ins><br><del>删除线培训机构</del><br><small>小号字www.yyjcw.com</small><br><p>X<sup>2</sup>+Y<sup>2</sup>=Z<sup>2</sup></p></body></html>

 效果如下:

另外,有时候需要在网页里面显示html代码,而不是把代码解析成效果。

我们可以使用pre标签或者xmp标签:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>夜鹰教程网</title></head><body><xmp><i>斜体www.yyjcw.com</i><br><em>斜体www.yyjcw.com</em><br><strong>加粗www.yyjcw.com</strong><br><b>加粗www.yyjcw.com</b><br><ins>下划线www.yyjcw.com</ins><br><del>删除线培训机构</del><br><small>小号字www.yyjcw.com</small><br><p>X<sup>2</sup>+Y<sup>2</sup>=Z<sup>2</sup></p></xmp></body></html>

  

显示效果

使用pre的时候要注意,html中的< 和 >符号要用:

适合0基础的web开发系列教程-文本格式标签汇总

原文地址:https://www.cnblogs.com/yyjcw/p/10199112.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved