魏艾斯笔记Elementor HTML代码元素提供了可以自定义添加任何 html、css、js代码的功能。Elementor 的目的是可视化编辑，在实际建站过程中会遇到某些功能只能用代码来实现，这时候 HTML代码元素就派上用场了。虽然说我们新手建站大部分情况下都用的是 Elementor 元素，现成的模块，不过提前接触一下 HTML代码知识也是没错的，毕竟这是网站的基本组成部分。而且之前魏艾斯笔记在很多文章中也陆续提到了一些 HTML代码的知识。
Elementor页面编辑器 点我直达 Elementor pro插件官网，快速建站，容易上手。入门点击购买Elementor Pro插件和下载安装激活_WordPress页面编辑器。 更多Elementor插件内容请看Elementor专题学习、小网站选择 1核2g配置的服务器起步，国外主题建站选择 2核4g配置，适当搭配运行流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题
1、把 Elementor HTML元素拖拽到内容编辑区
随便打开一个文章页或页面，在左侧元素区搜索“html”，拖拽 html元素到右侧内容编辑区。
2、添加 HTML代码
在左侧代码区域中添加 HTML、脚本或简码。你还可以调整面板窗口的大小查看更多代码。
每个功能的 html代码都不一样，具体代码你在需要时去把百度搜索到的代码复制粘贴到这里。Elementor 会告诉你代码中的错误。
3、比如老魏添加一个标题和一个内容如下图所示。
先添加了 h2标签的标题，下面是内容。 Elementor 所见即所得的看到了编辑结果，非常直观、实用。
Elementor HTML 元素是一个原生 HTML模块，可以把对页面设计的任何需求都用代码展示出来，设计出实用且漂亮的前端页面效果。