文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > html教程 > 正文

html设置加粗、倾斜、下划线、删除线等字体效果示例介绍

高洛峰
发布： 2018-05-31 09:48:58
原创
6204人浏览过

这篇文章主要介绍了html设置加粗、倾斜、下划线、删除线等字体效果所用到的一些标签，感兴趣的朋友可以参考下

这是加粗的字体


这是倾斜的字体


这是加下划线的字体


这是加删除线的字体1


这是加删除线的字体2

立即学习“前端免费学习笔记（深入）”；


效果如下：

这是加粗的字体

这是倾斜的字体

这是加下划线的字体

这是加删除线的字体1

这是加删除线的字体2

更多html设置加粗、倾斜、下划线、删除线等字体效果示例介绍相关文章请关注PHP中文网！

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：html中设置字体颜色的方法和使用ps获取html准确字体颜色的方法详解 下一篇：html中body标签的详解与html常用的控制标记介绍
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
header标签有什么用？网页页眉如何设置？ header标签在HTML5中用于定义页面或区域的引言性内容，具有明确的语义化作用；2.它通常包含Logo、主导航、搜索框等核心元素；3.使用header而非div能提升可访问性、SEO和代码可维护性；4.响应式设计通过Flexbox/Grid布局与媒体查询实现，小屏幕下可采用堆叠布局或汉堡菜单；5.结合CSS样式和JavaScript交互，可构建适应多设备的高效页眉。
2025-08-04 11:02:01
637
HTML常见错误有哪些？如何排查问题 常见的HTML语法错误包括标签未闭合或嵌套错误，如内容导致结构混乱；2.属性拼写或值缺失，如alt属性无值或href未加引号引发资源加载问题；3.文件路径错误，相对路径与绝对路径混淆或大小写不一致导致资源404；4.语义化标签使用不当，如滥用div替代header、nav等结构化标签，影响可访问性和SEO；5.特殊字符未转义，如直接使用
2025-08-04 10:01:01
542
button标签的作用？HTML按钮如何定义？ button标签比inputtype="button"更灵活，因其为容器元素，可嵌套文本、图片、SVG等HTML内容；2.button在表单内默认type为submit，易导致意外提交，需显式设置type="button"以避免；3.常用属性包括type、name、value、disabled、autofocus及form相关覆盖属性；4.使用type="submit"可提交表单，type="button"配合onclick或事件监听器可触发JavaScript；5.button支持表单外通过f
2025-08-04 09:45:01
678
怎样在HTML中设置超链接颜色？ 链接颜色修改技巧 可以通过CSS的伪类选择器设置超链接在不同状态下的颜色，1.使用a:link设置未访问链接颜色，2.使用a:visited设置已访问链接颜色，3.使用a:hover设置鼠标悬停时颜色，4.使用a:active设置点击激活时颜色；可通过内联样式、内部样式表或外部样式表嵌入CSS，其中外部样式表最利于维护；JavaScript可通过事件监听动态改变颜色，如mouseover、mouseout和click时修改style属性；为解决浏览器间显示差异，应使用CSSReset、CSS变量统一颜色值、进行跨
2025-08-04 09:41:02
274
什么是HTML DOM？如何操作文档对象模型 DOM树是HTML文档的层级结构表示，其中html标签为根节点，head、body为子节点，其下元素逐级展开形成树状结构；1.通过JavaScript操作DOM可访问和修改节点，常用方法包括document.getElementById、getElementsByClassName、getElementsByTagName、querySelector和querySelectorAll来查找元素；2.修改元素内容可用innerHTML或textContent，设置属性用setAttribute，修
2025-08-04 09:19:01
768
ul和ol标签的区别？无序列表和有序列表怎么用？ ul和ol标签的主要区别在于列表项的呈现方式：1.ul创建无序列表，列表项以项目符号（如圆点、方块）开头，适用于不需要强调顺序的内容；2.ol创建有序列表，列表项以数字或字母等编号形式显示，适用于需要明确顺序的场景；3.可通过CSS的list-style-type或list-style-image属性自定义ul的项目符号样式；4.ol的type属性可设置编号类型为数字、字母或罗马数字，start属性可定义起始值；5.嵌套列表通过在li标签内包含另一个ul或ol实现，用于构建层级结构，且必须将子列
2025-08-04 08:43:01
368
section标签有什么用？内容分节如何实现？ section标签的主要作用是语义化地组织文档内容，将页面划分为独立且主题相关的区域，1.提升页面结构的可读性与维护性；2.通过明确主题和使用标题（h1-h6）增强可访问性与SEO；3.可嵌套使用以实现细粒度内容划分，但应避免滥用；4.与article、nav、aside等其他语义化标签协同使用，构建清晰的文档结构；5.相较于无语义的div标签，section更适合表达有逻辑结构的内容区块；6.可通过CSS正常样式化，提升视觉层次。正确使用section标签有助于提高网页的可访问性、可维护性和搜
2025-08-04 08:14:01
777
var标签的作用是什么？变量名怎么标记？ var的主要作用是声明变量，其作用域为函数作用域或全局作用域，且存在变量提升和可重复声明的问题；2.现代JavaScript更推荐使用let和const，因为它们具有块级作用域、不存在重复声明问题，并能避免暂时性死区之外的访问错误；3.变量命名应遵循驼峰命名法，使用语义明确的名称，避免保留字和泛化词汇，以提升代码可读性和维护性；4.理解作用域对代码组织至关重要，它实现了变量隔离、内存优化和模块化封装，是掌握闭包等高级概念的基础。
2025-08-04 08:12:01
876
HTML表格怎么创建？table基本结构是什么？ HTML表格的核心标签包括、、和，分别定义表格、行、表头单元格和数据单元格；1.常用属性有border、colspan、rowspan、width、height、align、cellspacing和cellpadding，但现代开发推荐使用CSS替代大部分HTML属性；2.使用CSS可通过border-collapse、padding、text-align等属性美化表格，并利用tr:nth-child(even)实现斑马条纹效果；3.响应式设计中可采用水平滚动容器、媒体查询堆叠单元格、隐藏非关键
2025-08-03 16:46:01
296
如何用HTML创建一个导航栏？ 导航栏制作简易教程 制作导航栏的HTML结构应以语义化和可访问性为核心，首先使用标签定义导航区域，内部采用和构建导航项列表，每个中嵌入标签作为链接；为增强可访问性，应在上添加aria-label属性说明导航用途，并为当前页面链接添加aria-current="page"属性；若需多级菜单，可在内嵌套实现子菜单结构，此设计既符合逻辑又便于后续样式与交互扩展。
2025-08-03 16:45:01
911
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部