HTML的标记文字详解

这次给大家带来html标记文字详解,html的标记文字的注意事项有哪些,下面就是实战案例,一起来看一下。

.用基本的文字元素标记内容

对应HTML代码:

                Learn4Font      

元素 b —— I am the example.

元素 em —— I am the example.

立即学习前端免费学习笔记(深入)”;

元素 i —— I am the example.

元素 s —— I am the example.

元素 strong —— I am the example.

元素 u —— I am the example.

元素 small —— I am the example.

元素 sub —— I am the example.

元素 sup —— I am the example.

逍遥内容管理系统(Carefree CMS)1.3.0
逍遥内容管理系统(Carefree CMS)1.3.0

系统简介逍遥内容管理系统(CarefreeCMS)是一款功能强大、易于使用的内容管理平台,采用前后端分离架构,支持静态页面生成,适用于个人博客、企业网站、新闻媒体等各类内容发布场景。核心特性1、模板套装系统 - 支持多套模板自由切换,快速定制网站风格2、静态页面生成 - 一键生成纯静态HTML页面,访问速度快,SEO友好3、文章管理 - 支持富文本编辑、草稿保存、文章属性标记、自动提取SEO4、全

逍遥内容管理系统(Carefree CMS)1.3.0 1
查看详情 逍遥内容管理系统(Carefree CMS)1.3.0

对应元素习惯样式:

*一般表示关键词和产品名称*   b{font-weight: bolder;}   *一般表示加以强调*   em {font-style: italic;}   *一般表示外文词语或科技术语*   i {font-style: italic;}   *一般表示不准确或校正*   s {text-decoration: line-through;}   *一般表示重要文字*   strong {font-weight: bolder;}   *一般表示为文字添加下划线*   u {text-decoration: underline;}   *一般表示为添加小号字体内容*   small {font-size: small;}   *一般表示添加上标和下标*   sup {vertical-align: sub; font-size: smaller;}   sub {vertical-align: super; font-size:smaller;}

2.使用语言元素

ruby、rt 和 rp 元素,先看效果:

对应代码:

(chī) (mèi) (wǎng) (liǎng)

3.使用预先编排好格式的内容

pre 元素可以改变浏览器处理内容的方式,阻止合并空白字符,让源文档中的格式得以保留。

                var fruits = ["apples","oranges","mangoes","cherries"];           for(var i= 0; i < fruits.length; i++){               document.writeln("I like " + fruits[i]);           }         

相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!

相关阅读:

HTML文本格式化的实例详解

h5怎样实现输入框提示语+正常文本框提示语

HTML Form表单元素的详解

以上就是HTML的标记文字详解的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545584.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:06:36
下一篇 2025年12月21日 17:06:44

相关推荐

  • 基于HTML如何做出多图上传预览效果

    这次给大家带来基于html如何做出多图上传预览效果,基于html做出多图上传预览效果的注意事项有哪些,下面就是实战案例,一起来看一下。 自己最近写了一个网页多图上传的脚本,感觉挺实用的,细节就不要说了,直接贴代码了~ .pro_img{ margin-left:10px;margin-top:10p…

    好文分享 2025年12月21日
    000
  • Html怎样对图片实现checkbox方法

    这次给大家带来html怎样对图片实现checkbox方法,html对图片实现checkbox方法的注意事项有哪些,下面就是实战案例,一起来看一下。 如果需要使用图片来实现checkbox的使用,可以使用来实现,实现原理是将label表签代替checkbox的显示,将checkbox的display设…

    好文分享 2025年12月21日
    000
  • 怎样做好语义化和优化HTML

    这次给大家带来怎样做好语义化和优化html,做好语义化和优化html的注意事项有哪些,下面就是实战案例,一起来看一下。 1、什么是语义化? 必应网典的解释 语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的(X)HTM…

    好文分享 2025年12月21日
    000
  • Html网页表格结构化标记该如何使用

    这次给大家带来html网页表格结构化标记该如何使用,html网页表格结构化标记使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Html表格的结构化 所谓的结构化,就是把我们的表格划分为三种:表头、表体、表尾。从而当我们在修改表体部分的时候,不会影响到其它两部分,从而解除了耦合,方便我们的应用…

    好文分享 2025年12月21日
    000
  • HTML table的直列化格式是什么

    这次给大家带来html table的直列化格式是什么,使用html table的直列化格式的注意事项有哪些,下面就是实战案例,一起来看一下。 直列化格式 … 个别直列设置 立即学习“前端免费学习笔记(深入)”; 格式: 功能完全和 一样 注意设置第一行的DOCTYPE为xhtml会导致c…

    2025年12月21日
    000
  • HTML Form表单元素的详解

    这次给大家带来html form表单元素的详解,使用html form表单元素的注意事项有哪些,下面就是实战案例,一起来看一下。 注册表单 请输入如下的信息然后进行注册 用户名: 密码: 确认密码: 性别: 男 女 性别(可以点文字选择): 请选择性别 男 女 城市: 北京 深圳 上海 南昌 城市所…

    好文分享 2025年12月21日
    000
  • 浅谈使用HTML空链接的技巧

    这次给大家带来浅谈使用html空链接的技巧,使用html空链接的注意事项有哪些,下面就是实战案例,一起来看一下。 空链接: 就是没有目标端点的链接。 格式显示内容 空连接的作用 立即学习“前端免费学习笔记(深入)”; 1.设为首页 onclick=”this.style.behavior…

    好文分享 2025年12月21日
    000
  • html标题,段落,换行,水平线,特殊字符应该如何使用

    这次给大家带来html标题,段落,换行,水平线,特殊字符应该如何使用,在html使用标题,段落,换行,水平线,特殊字符的注意事项有哪些,下面就是实战案例,一起来看一下。 一级标题    二级标题    对齐方式有left,center,right三种,缺省表示left 段落 立即学习“前端免费学习笔…

    好文分享 2025年12月21日
    000
  • html的有序列表、无序列表与定义列表应该如何使用

    这次给大家带来html的有序列表、无序列表与定义列表应该如何使用,使用html的有序列表、无序列表与定义列表的注意事项有哪些,下面就是实战案例,一起来看一下。 有序列表 第一项 第二项    无序列表 第一项 第二项 定义列表 立即学习“前端免费学习笔记(深入)”; 定义列表由定义条件(defini…

    好文分享 2025年12月21日
    000
  • Html怎样实现动态显示颜色块的报表效果

    这次给大家带来html怎样实现动态显示颜色块的报表效果,html实现动态显示颜色块的报表效果的注意事项有哪些,下面就是实战案例,一起来看一下。 利用html的颜色块动态展示数据 *{ padding: 0; margin: 0; } .tubiao,.jihua,.shiji,.riqi{ widt…

    好文分享 2025年12月21日
    000
  • html属于什么文件html的文件该如何打开

    这次给大家带来html属于什么文件html的文件该如何打开 ,使用html文件的注意事项有哪些,下面就是实战案例,一起来看一下。     html即超文本标记语言,现在大多网页都是html的格式。而所谓的html文件,其实就是一种超文本文件,其中超文本可以是图片或音乐等非文字元素,使用也是很广泛的。…

    好文分享 2025年12月21日
    000
  • HTML 5之新增的特性该如何使用

    这次给大家带来html 5之新增的特性该如何使用,html 5之新增的特性使用的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 众所周知HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准,如此形成的协议可在全世界通行。在 2016 年 11 月, W3C 对长期行使的 …

    好文分享 2025年12月21日
    000
  • HTML的table鼠标拖拽排序该如何实现

    这次给大家带来html的table鼠标拖拽排序该如何实现,用html实现table鼠标拖拽排序的注意事项有哪些,下面就是实战案例,一起来看一下。 1.引入文件 2.给元素附上sortable类 3.开启并配置 $(function() { $(“.sortable”).sortable({ curs…

    好文分享 2025年12月21日
    000
  • HTML中如何使用html表单提交的操作

    这次给大家带来html中如何使用html表单提交的操作,使用html表单提交的注意事项有哪些,下面就是实战案例,一起来看一下。 这里我们介绍一下form元素与表单提交方面的知识。 form元素 form元素的DOM接口是HTMLFormElement,继承自HTMLElement,因而它与其他的HT…

    好文分享 2025年12月21日
    000
  • HTML里空格应该如何使用

    这次给大家带来html里空格应该如何使用,怎么使用html里的空格?html里的空格使用的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(      …

    好文分享 2025年12月21日
    000
  • HTML的meta标签应该如何使用

    这次给大家带来html的meta标签应该如何使用,html的meta标签使用的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎…

    好文分享 2025年12月21日
    000
  • HTML的基础控件有哪些

    这次给大家带来html的基础控件有哪些,使用html的控件注意事项有哪些,下面就是实战案例,一起来看一下。 标签 标签用于搜集用户信息。 type属性 根据不同的 type 属性值,输入字段拥有很多种形式。可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 立即学习“前端免费学习笔记(深…

    好文分享 2025年12月21日
    000
  • HTML里的name与id和class到底有什么不同

    这次给大家带来html里的name与id和class到底有什么不同,怎么使用name,id,class?使用name,id,class的注意事项有哪些,下面就是实战案例,一起来看一下。 name 指定标签的名称。 格式 应用场景 立即学习“前端免费学习笔记(深入)”; ①form表单:name可作为…

    好文分享 2025年12月21日
    000
  • 怎样用HTML实现滚动弹幕功能

    这次给大家带来怎样用html实现滚动弹幕功能,html实现滚动弹幕功能的注意事项有哪些,下面就是实战案例,一起来看一下。 主要的功能有;发送弹幕,设置弹幕的颜色,速度和类型,显示弹幕 已知缺陷:不能全屏 canvas没有做自适应 没有自定义播放器控件 没有根据播放时间显示相应的弹幕 弹幕不能实现悬停…

    好文分享 2025年12月21日
    000
  • HTML图片的img标签怎样使用

    这次给大家带来html图片的img标签怎样使用,图片的img标签使用的注意事项有哪些,下面就是实战案例,一起来看一下。 说明 img 是 Image(图像)的缩写。src 属性用来指定图像的路径。 HTML4.01 里为了配合各种无法显示图像的浏览器和有声阅读浏览器,必须设定 标签里的 alt 属性…

    2025年12月21日 好文分享
    000

发表回复

登录后才能评论
关注微信