欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  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