HTML编辑器

简述

HTML编辑器是指编辑制作HTML的工具,通过使用编辑器,我们可以自定义窗囗,编辑主题、索引,可选择添搜索页,无任何不自由。

  • 简述
  • 工具推荐
  • 编辑运行
    • 新建 HTML 文件
    • 另存为 HTML 文件
    • 在浏览器中运行 HTML 文件

工具推荐

可以使用专业的HTML编辑器来编辑HTML:

  • Amaya(万维网联盟)
  • Dreamweaver(Adobe)
  • Frontpage(微软)
  • Microsoft Expression Web(微软)
  • CoffeeCup HTML Editor
  • CKEditor
  • Editplus
    ……

这里推荐几款常用的编辑器:

可以从以上软件的官网中下载对应的软件,按步骤安装即可。

Notepad++ 和 Sublime Text 还可以配合 Emmet 插件来提高编码速度。

Emmet 官网:http://emmet.io/

编辑运行

通过 Notepad++,依照以下几步来创建一个 HTML 页面。

新建 HTML 文件

打开 Notepad++,选择:文件(F) -> 新建(N) ,在新建的文件中输入以下代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一去丶二三里</title>
</head>

<body>

<h1>青春不老,奋斗不止!</h1>

<p>纯正开源之美,有趣、好玩、靠谱。。。<p>

</body>
</html>

另存为 HTML 文件

选择:文件(F) -> 另存为(A)… ,文件名为:myHTML.html。

保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。这两者没有区别,完全根据个人喜好。

在浏览器中运行 HTML 文件

有很多中运行 HTML 的方式:

  1. 直接双击 HTML 文件,或:右键 -> 打开方式,选择一个浏览器(Chrome、Firefox、IE)进行打开。
  2. 启动浏览器,将 HTML 文件拖拽进去。

效果如下:

时间: 2024-09-20 21:29:29

HTML编辑器的相关文章

php单文件版在线代码编辑器

 这篇文章主要介绍了php单文件版在线代码编辑器,个人感觉相当不错,分享给大家,需要的朋友可以参考下     密码加密方式: * md5(自设密码+$ace) //$ace为cdn镜像地址 使用方法: * 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问 * 2.第一次访问提示设置密码,设置密码并牢记 * 3.使用第一次设置的密码登录后,默认编辑的是本php文件, * 4.本文件是编辑器核心文件,请不要随意修改 * 5.保存编辑的文件请用 Ctrl + S 按键组合,等待

Word输入辅助插件:数学公式编辑器

针对Word用户不同需要而开发的各种第三方扩展插件让功能强大的Word如虎添翼,弥补了它在许多专业领域输入和编辑的不足.笔者将时下流行的Word插件收集起来,希望能对大家的工作和学习有所帮助. 数学公式编辑器--MathType5 点这里下载>> Word2003中的公式编辑器,符号输入设置虽然全面,但是在进行专业的数学符号输入时,还是不能满足需求,"MathType"作为功能强大的公式编辑和转换插件,提供了多种专业数学符号和数学公式模板,解决了在Word中输入疑难符号和快

springMVC4(9)属性编辑器剖析入参类型转换原理

我们通过Http请求提交的参数都以字符串的形式呈现,但最终在springMVC的方法入参中,我们却能得到各种类型的数据,包括Number.Boolean.复杂对象类型.集合类型.Map类型等,这些都是springMVC内置的数据类型转换器帮我们完成的.springMVC的将请求数据绑定到方法入参的流程如下所示: Created with Raphaël 2.1.0数据绑定流程图解ServletRequestServletRequestDataBinderDataBinderConversionS

HTML编辑器中使用img插入图片

首先,要说明一点,我现在使用的这个系统的网络编辑器,不支持图片的插入功能.但是,我现在要实现这个功能,因为在我的文章中要出现大量的图片. 如果不能插入图片的话,那是一件很纠结的事情,而且也会影响到整篇文章的效果. 其次,对于HTML语言我是不懂的,也没有时间去学习它了. 而我现在的目的就是要把服务器上已经上传的图片,插入到文章中.在网上差了很多的资料,说要使用img这个标签. 兄弟们,你懂的啊.咱们没有学过网页编程之类的语言,说一咱们不懂.但是网上也有这方面的相关实例,咱就比葫芦画瓢了哦. 看截

动易系统解决IE8网站后台编辑器无效问题

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 有不少的动易用户升级了微软的IE8正式版,但在升级后都发现动易的后台编辑器无法使用了,症状就是点击任何功能图标都没有弹出设置窗口. 微软的IE8正式版已于2009年3月20日正式发布了,也有不少的动易用户升级了自己的浏览器,但在升级后都发现动易的后台编辑器无法使用了,症状就是点击任何功能图标都没有弹出设置窗口,经过搜索了一下,终于找到了解决I

简单文本编辑器

v一.前言 聚天地之灵气,集日月之精华!一个简单的java文本编辑器由此而生.毕设所需,很是无奈! v二.界面预览      v三.实现思路 v 1.字体选择器的实现 (1).字体类 class MyFont{ private Font font; private Color color; public Font getFont() { return font; } public void setFont(Font font) { this.font = font; } public Color

百度编辑器UEditor ASP.NET示例Demo

在百度编辑器示例代码基础上进行了修改,封装成类库,只需简单配置即可使用. 完整demo下载

Word2007怎样调出公式编辑器

  许多用户在Word文档中写公式时,都用的第三方公式编辑器,其实在Word中自带有3.0的公式编辑器.下面教大家怎么调用出来. 方法/步骤 打开Word文档,单击"插入"→"文本"→"对象". 在"对象"栏内拖动滑块找到"Microsoft公式3.0"选中并按"确定". 此时弹出公式编辑器供用户填写公式.

分享一个 markdown 编辑器 - Mditor

只求极致 [ M ] arkdown + E [ ditor ] = Mditor Mditor 是一个简洁.易于集成.方便扩展.期望舒服的编写 markdown 的编辑器,仅此而已... 支持浏览器: chrome/safari/firefox/ie9+ Git Repo: https://github.com/Houfeng/mditor 在线体验 在线 demo 在浏览器集成 Mditor 第一步: 引入 Mditor 样式文件 <link rel="stylesheet"

Word公式编辑器的实用技巧3则

一.解决插入公式后的行距不等问题 大家在Word文档中某一行使用公式编辑器输入数学公式后,发现行距明显变大,就好像公式把这一行和其它行给撑开了一样,使用改变行距的命令也不行.解决它有两种方法: 1.将点击要修改的数学公式,当光标变成"双箭头"时,通过拖动把它缩小.这种方法,适合于只含有极少量的数学公式时使用.并且拖动的精确度不高. 2.点击"文件"下拉菜单,点击"页面设置"项.在"文档网格"中的"网格"项,