整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

给我一个浏览器,我就能写代码-几个在线编辑器网站推荐

天给大家推荐几个可以在线编程的网站。对于大部分开发者可能会不屑使用在线的网站,认为在自己电脑安装环境不是很简单的事情么。但是你很有可能临时需要一台电脑去测试一段简单的代码,也有可能想要分享一段代码给别人,也有可能你想要学习很多语言,又不想一一安装编程环境。那么今天推荐的网站肯定能满足你的需求。

idenone.com

网址:https://ideone.com/SExhrM

这个网站不错,支持Java,但是页面有广告。除了支持Java语言,还支持其他语言。

dabblet

https://dabblet.com/

这个网站适合前端测试使用,该网站可以用来测试Html,Css,Js等功能。

Fenby

网址:http://www.fenby.com/

这个网站不只支持后端语言编码,也支持前端编码,使用体验很不错。支持的语言也很丰富。

前端的支持也很OK。

W3School

https://www.w3school.com.cn/tiy/t.asp?f=js_use

当然对于想系统学习前端知识的童鞋可以使用W3School,这个网站很适合,不仅有大量的案列,还有可以实战编码。

在线编程

https://www.bccn.net/run/

该网站支持的语言也挺多,比较推荐。

今天的介绍就到这里了,如果你打算系统学习编程,那我还是建议你老老实实的安装编译环境,安装编辑器。

个人编写HTML使用的软件是dreamweaver,这个软件的话,正版是要购买的,一开始学习HTML就是用的这个软件了,挺好用的,而且代码提示特别方便,不用担心太多的标签和属性记劳~

1.什么是HTML?

  • HTML 是用来描述网页的一种语言,指的是超文本标记语言: HyperText Markup Language;
  • HTML 不是一种编程语言,而是一种标记语言;
  • HTML文档也叫做 web 页面;

2.HTML基本结构

  • <!DOCTYPE html>:文档声明;
  • <html>:HTML 页面的根元素;
  • <head>:用于定义文档的头部,是所有头部元素的容器;
  • <meta>:提供有关页面的元信息,位于文档的头部,不包含任何内容;
  • <title>:文档的标题;
  • <body>:定义文档的主体,包含文档的所有内容;

3.HTML标签使用?

  • HTML 标签是由尖括号包围的关键词,且通常是成对出现的如<a></a>,当然也有单个的,只不过比较少如<hr>
  • 标签对中的第一个标签表示开始标签,第二个标签表示结束标签;

4.HTML常用标签介绍

除了HTML基本结构的几个标签以外,HTML还有一些比较常用的基本标签;

(1)文本标签:

  • h1-h6:用于定义标题,h1为最大标题,h6为最小标题;
  • p:定义段落;
  • span:组合文档中的行内元素;
  • br:换行;
  • hr:水平线;
  • strong/b:加粗文字;
  • em/i:斜体;
  • u:下划线;
  • s:删除线;
  • pre:定义预格式化的文本,保持原有格式;
  • sub:下标;
  • sup:上标;
  • blockquote:块引用;

(2)布局标签:

  • div:定义文档中的分区或节,把文档分割为独立的、不同的部分;
  • header:定义页面的头部;
  • aside:用作文章的侧栏;
  • section:定义文档中的节;
  • footer:定义文档或节的页脚,通常包含文档的作者、版权信息、使用条款链接、联系信息等;
  • article:规定文章独立的其他内容,如标题、内容、评论;

(3)多媒体标签:

  • img:用于在网页中插入图像;
  • audio:定义声音,比如音乐或其他音频流;
  • video:定义视频,比如电影片段或其他视频流;

(4)超链接标签:

  • a:定义超链接,指定页面间的跳转;

(5)序列化标签:

  • ul:定义无序列表;
  • ol:定义有序列表;
  • li:定义列表项目,可用在无序列表ul和有序列表ol中;
  • dl:定义了定义列表;
  • dt:定义了定义列表中的项目(即术语部分);
  • dd:在定义列表中定义条目的定义部分;

(6)表格标签:

  • table:定义 HTML 表格;
  • tr:定义表格的行;
  • td:定义表格的单元;
  • th:定义表头;
  • caption:定义表格标题;
  • col:为表格中一个或多个列定义属性值;
  • colgroup:用于对表格中的列进行组合,以便对其进行格式化;
  • thead:定义表格的表头;
  • tbody:表格主体,也就是正文部分;
  • tfoot:定义表格的页脚(脚注或表注);

(7)表单标签:

  • form:用于为用户输入创建 HTML 表单;
  • input:用于搜集用户信息;
  • button:定义一个按钮;
  • select:创建单选或多选菜单;
  • option:定义下拉列表中的一个选项;
  • textarea:定义多行的文本输入控件;
  • label:为 input 元素定义标注(标记);
  • fieldset:用于将表单内的相关元素分组;
  • legend:为 fieldset 元素定义标题;

5.HTML注意事项

  • HTML文件当以后缀名为 .html 或 .htm 来命名;
  • HTML标签和属性是不区分大小写的,建议HTML标签和属性都小写,属性值必须用双引号包围;
  • HTML标签都是以开始标签起始,以结束标签终止;
  • HTML标签之间尽量缩进与换行,每行代码不要过长,方便阅读和维护;
  • HTML标签使用必须符合标签嵌套规则,如禁止a标签嵌套a标签,p标签嵌套div标签等;
  • 建议不使用HTML已经废弃的或者不赞成使用的标签,少使用table布局、iframe框架嵌套以及flash播放器;

讲大纲:

1、HTML的基本概念

2、HTML发展史

3、HTML的基本结构

4、HTML的编写方法

5、使用浏览器浏览HTML网页


1、HTML的基本概念

HTML(Hyper Text Markup Language超文本标识语言)

  • 是一种用来制作超文本文档的简单标记语言。
  • 用HTML编写的超文本文档成为HTML文档。

2、HTML发展史

HTML发展的5个阶段

1.HTML1.0版本是因为当时有很多不同版本,有些人认为蒂姆·伯纳斯·李的版本应该最初版,这个版本没有IMG元素。

2.在IETF主持下,1995年11月在瑞士日内瓦举行的第一次www会议上成立了一个HTML工作小组,它的主要任务是把HTML形式化成为一中SGML DTD,称之为HTML Level2。

3.HTML3.0规范是有当时成立的W3C于1995年3月推出,提供了很多新的特性,例如表格,文字绕排,和复杂数学元素显示,虽然它是设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年过期时,标准开发业因为缺乏浏览器支持而终止了。3.1版本从未被正式提出,而下一个被提出的版本是HTML3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器。

4.HTML4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时的,建议不再使用它们。HTML的未来和CSS结合会很好。

5.HTML5目前仍为草案,并已经被W3C认可。


3、HTML的基本结构


主体部分包含文本、图像和链接。它包括在<BODY>...</BODY>标签内

头部部分包含标题和其他说明信息。包括在<HEAD>...</HEAD>标签内


4.HTML文件的标签与元素介绍

一个HTML文件是由一系列的元素标签组成的

  • 元素是HTML文件的重要主持部分,例如title(文件标题)、img(图像)、及table(表格)等。元素名不区分大小写。
  • HTML用标签来规定元素的属性和它在文件中的位置

HTML标签的介绍

HTML的标签分为单独出现的标签和成对出现的标签两种

  • 成对标签仅对包含在其中的文件部分发生作用,例如<title>和</title>标签用于界定标题元素的范围,也就是说,<title>和</title>标签之间的部分是此HTML文件的标题。
  • 单独标签的格式未<元素名称>,其作用是在相应的位置插入元素,例如<br>标签便是在该标签所在的位置插入一个换行符。

说明:在每个HTML标签,大、小写混写均可

例如<HTML>、<html>和<Html>,其结果都是一样的。

HTML元素介绍

  • 概念

当用一组HTML标签将一段文字包含在中间时,这段文字与包含文字的HTML标签被称之为一个元素

  • 应用

在所有HTML文件,最外层的元素是有<html>标签建立的。在<html>标签所建立的元素中,包含了练个主要的子元素,这两个子元素是由<head>标签与<body>标签所建立的。<head>标签所建立的元素内容为 文件标题,而<body>标签所建立的元素内容为文件主体。


网页文件命名

  1. *.htm或*.html
  2. 无空格
  3. 无特殊符号(例如 &符号),只可以有下划线“_”,只可以为英文、数字
  4. 区分大小写
  5. 首页文件名默认为:index.htm或index.html

4、HTML的编写方法

1.手工直接编写

记事本等,存成.htm或.html格式

2.使用可视化HTML编辑器

Frontpage、Dreamweaver等

3.有web服务器(或称http服务器)一方实时动态地生成。

演示用记事本创建网页:

5.保存为index.html文档,用浏览器打开如下