HTML新手入门(1)
——编译器下载及基础框架
作为新手,听取大佬的建议,用HBuilder进行编译。
下载地址:
进入到首页左上角有一个如下图标。
(这里简单介绍一下HBuilder与HBuilderX的区别)
HBuilderX简称HX。
HX的优势:
HX性能更强,启动速度、大文档打开速度、代码提示速度均极为流畅。
HX的VUE语法提示、ES6语法提示支持更强大,应该是最强悍的vue提示工具。
HX有内置终端,对于现代编译型语言的开发提供更强的支持。
HX支持uni-app、小程序开发、快应用开发。
HX的markdown、json方面秒杀其他开发工具。
HX新增了智能双击、更完善的多光标处理,可为极客提供更高效的操作。
HTML(Hypertext Markup Language——超文本标记语言)
接下来介绍一下HTML的基础框架:如下图:
<!DOCTYPE html> 声明为 HTML5 文档。
<html> 元素是 HTML 页面的根元素。
<head> 元素包含了文档的元(meta)数据,如
<title> 元素描述了文档的标题。
<body> 元素包含了可见的页面内容。
<h1> 元素定义一个大标题。
<p> 元素定义一个段落。
运行结果如下图:
注:如果你想在某一行中加入注释,如下图:
当然可以用快捷键:Ctrl+/(与eclipse中加注释的方法一样)
如果你不想注释整个行的内容你可以选中一个字段然后Ctrl+/
如果你在码完当前行的代码,想加注释,可以参考快捷键:Ctrl+Shift+/,出现如下图情况:
并且光标停留在注释括号内
<html>与</html>是开始标签和结束标签。(对于其他的标签也一样!)
<p>需要注意的是:一个完整的开始结束标签代表一行,如果你想换行就另起一个完整的<p></p>标签,如下图:
运行结果:
关于<!DOCTYPE>是不区分大小写的,后面所跟的html也可为HTML、Html、htML等等。
<!DOCTYPE>的通常声明有:<!DOCTYPE html> //HTML5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> //HTML 4.01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> //XHTML 1.0
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h59922.shtml