HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面!

也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如Mcrosoft Word\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

HTML只不过是组合成一个文本文件的一系列标签。它们像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。

HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragraph),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是

,块引用标签是

。有些标签说明页面如何被格式化(例如,开始一个新段落),其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。

关于标签,需要记住的是,它们是成双出现的。每当使用一个标签--如

,则必须以另一个标签

将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如,标签就不需要。

基本HTML页面以标签开始,以结束。在它们之间,整个页面有两部分--标题和正文。

标题词--夹在

和标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。

那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文,扩展名也可是HTM)。然后你可以用浏览器将它打开,你会看见最简单的自己做的页

◆◆

评论读取中....

请登录后再发表评论!

◆◆

修改失败,请稍后尝试

html的富文本有什么用,html中怎样使用富文本相关推荐

  1. 【wangEditor富文本编辑器】富文本三种使用方法,html使用富文本,html套vue脚手架使用富文本,vue使用富文本【简单易用,复制即用】

    前言 富文本编辑器功能是很多人都要使用的 市面上有很多的编辑器可以供选择,但是很多编辑器会有点复杂,或者文档看起来难受. 我最近做了一个需求,是需要在html文件上写富文本编辑器. 但是我看了以前用的 ...

  2. vue中如何使用富文本编辑器(TinyMce)

    英文官网:https://www.tiny.cloud/ 中文官网:http://tinymce.ax-z.cn/ 安装 使用npm install tinymce --save命令下载完整的包 np ...

  3. vue中如何使用富文本框组件

    富文本框,就是可以在文本框里面输入文本并携带自我编辑的一种编辑器,使用vue做项目时少不了用到富文本框组件,下面就来说说该组件的使用步骤 一.首先要在vue脚手架的依赖按钮中添加新的依赖vue-qui ...

  4. vue获取编辑器纯文字_vue中使用富文本编辑器

    前端使用富文本编辑器的插件有很多,今天献上wangeditor的使用教程,教你如何在vue中使用富文本编辑器 wangeditor是一个萌新富文本编辑器,基于js和css,重点在于它轻量,如果你需要的 ...

  5. VUE-element UI使用富文本

    富文本使用的是vue-quill-editor 需求: 使用富文本编辑器,上传图文信息.因为vue-quill-editor是将图片转为base64编码,所以当图片比较大(图片数量较多),提交后台时参 ...

  6. 富文本生成静态html,如何更加安全快速的使用富文本编辑器

    众所周知,富文本编辑器是目前用途广泛的前端插件,它可以直接编辑并保存多样化的文本格式.适用于论坛留言,简单文章发布,自定义静态页面等.本文简单对一种安全使用富文本编辑器的方法进行介绍.文章实例 文章使 ...

  7. html加载富文本_vue使用富文本粘贴图片和html访问图片资源的403问题(http referrer) - 暗恋桃埖源

    1.问题描述 在项目中使用富文本编辑器时,粘贴图片之后出现了一个问题,就是该图片通过地址可以打开,但是在富文本编辑器中却无法显示,报错GET https:///pic/d058ccbf6c81800a ...

  8. 微信小程序-后台使用富文本编辑器返回数据,小程序编译富文本编辑器返回的数据

    最近遇到一个功能,后台管理系统添加商品的时候,商品详情是使用富文本编辑器添加的.小程序获取的商品详情数据是含有<p>标签的. 后台管理系统 百度了多种方法,也试用了很多方法,最终觉得wxP ...

  9. Django 3.2.5博客开发教程:使用富文本编辑器添加数据

    在Django admin后台添加数据的时候,文章内容文本框想发布一篇图文并茂的文章需就得手写Html代码,这十分吃力,也没法上传图片和文件.这显然不是我等高大上程序猿想要的. 为提升效率,我们可以使 ...

  10. Django实现的博客系统中使用富文本编辑器ckeditor

    操作系统为OS X 10.9.2,Django为1.6.5. 1.下载和安装 1.1 安装 ckeditor 下载地址 https://github.com/shaunsephton/django-c ...

最新文章

  1. Refactor!™ for ASP.NET--ASP.NET代码重构插件
  2. 剑指offer_第19题_顺时针打印矩阵_Python
  3. 今天写的一个GetProcAddress
  4. .Net开发时有没有好的页面开发框架?
  5. Layer 2 Tunneling Protocol
  6. zookeeper集群搭建设置
  7. jQuery的JSONP
  8. php如何去除侧栏,设置内容区侧栏
  9. 系统架构设计师证书含金量_计算机专科生不能错过的两个证书,含金量比较高,出社会有益...
  10. 【渝粤教育】国家开放大学2018年春季 0014-22T秘书学(一) 参考试题
  11. 图论 —— 网络流 —— 费用流 —— MCMF 算法
  12. oracle 强制索引_当唯一索引遇见分布式数据库
  13. 清除stoped impdp/expdp job的方法
  14. 链表简介(一)——创建单向动态链表及输出单向链表内容
  15. 什么是游戏内全局光照
  16. 代码精进之路 码农到工匠pdf_专访张建飞:阿里技术也提倡,优雅代码和整洁架构...
  17. Android Studio 依赖Moudle
  18. 目标跟踪系列三:ECO: Efficient Convolution Operators for Tracking(2016年11月)
  19. 跳转谷歌相册选择图片及视频
  20. win10设置虚拟内存_电脑配置强,虚拟内存没有用?教你这样设置,瞬间提升流畅度!...

热门文章

  1. python课程设计小结和体会_通用版课程设计心得体会
  2. SPSS如何进行一致性检验(计算kappa值)
  3. 计算机替换字体怎么操作,字体管家怎么换字体 电脑更换字体的教程介绍
  4. 数据组织与存储(一)
  5. win10 myeclipse2017安装教程(附安装包)
  6. kubectl自动补全
  7. 分分钟拥有哈利波特的隐身衣,还是在手机端的那种
  8. 如何提高睡眠质量快速入睡,改善睡眠的小妙招你要知道
  9. 如何调整plt.plot()线的粗细,linewidth
  10. 操作Windows文件夹时,弹出文件夹正在使用,操作无法完成【解决】