html5-1

什么是HTML:
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

也就是说可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

实例:

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8" />
        <title>欢迎您!</title>
    </head>
    <body>
        <p>并非梦想离我们太远,&nbsp;&nbsp;&nbsp;只是我们为之付出太少</p>
        <h1>并非梦想离我们太远,<br />只是我们为之付出太少</h1>
    </body>
</html>

分析:

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

-------------------------------------------------------------------------------------

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

----------------------------------------------------------------------------------------

Web 浏览器:
Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。

---------------------------------------------------------------------------------------

HTML 网页结构:
注意:只有 <body>区域 (白色部分) 才会在浏览器中显示。


Vue-html5-editor是一个Vue的富文本编辑器插件,适用于Vue2.0以上版本。它具有简洁、灵活和可扩展的特点。你可以在GitHub上找到它的地址:https://github.com/PeakTai/vue-html5-editor。在GitHub上,你可以找到安装和使用说明,其中包含了代码示例,你可以复制粘贴来使用。\[2\] 在使用Vue-html5-editor时,你可以通过全局引入的方式来使用。首先,你需要安装插件,可以使用npm命令:npm install vue-html5-editor --save-dev。然后,在你的main.js文件中引入Vue和VueHtml5Editor,并使用Vue.use()来注册插件。具体代码如下: import Vue from 'vue' import VueHtml5Editor from 'vue-html5-editor' Vue.use(VueHtml5Editor, options); 在使用Vue-html5-editor的demo中,你可以使用以下代码来创建一个编辑器实例: <vue-html5-editor @change="updateData" :content="content" :height="500" :z-index="1000" :auto-height="true" :show-module-name="false"></vue-html5-editor> 其中,@change是一个事件监听器,用于监听编辑器内容的变化。:content绑定了编辑器的内容,:height设置了编辑器的高度,:z-index设置了编辑器的层级,:auto-height设置了编辑器是否自动调整高度,:show-module-name设置了是否显示模块名称。你可以根据自己的需求进行相应的配置。\[3\] #### 引用[.reference_title] - *1* [【应用】如何使用 vue-html5-editor 富文本编辑器](https://blog.csdn.net/Dora_5537/article/details/88316056)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [vue-html5-editor深入研究和拓展](https://blog.csdn.net/qq_43948564/article/details/118418141)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值