HTML新手入门(1)

HTML新手入门(1)

                                                           ——编译器下载及基础框架

作为新手,听取大佬的建议,用HBuilder进行编译。

下载地址:www.dcloud.io/

 进入到首页左上角有一个如下图标。

(这里简单介绍一下HBuilder与HBuilderX的区别)

HBuilderX简称HX。

HX的优势:

  1. HX性能更强,启动速度、大文档打开速度、代码提示速度均极为流畅。
  2. HX的VUE语法提示、ES6语法提示支持更强大,应该是最强悍的vue提示工具。
  3. HX有内置终端,对于现代编译型语言的开发提供更强的支持。
  4. HX支持uni-app、小程序开发、快应用开发。
  5. HX的markdown、json方面秒杀其他开发工具。
  6. HX新增了智能双击、更完善的多光标处理,可为极客提供更高效的操作。

接下来介绍一下HTML的基础框架:如下图:

<!DOCTYPE html> 声明为 HTML5 文档。

<html> 元素是 HTML 页面的根元素。

<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title> 元素描述了文档的标题。

<body> 元素包含了可见的页面内容。

<h1> 元素定义一个大标题。

<p> 元素定义一个段落。

运行结果如下图:

注:而<html>与</html>是开始标签和结束标签。(对于其他的标签也一样!)

关于<!DOCTYPE>是不区分大小写的,后面所跟的html也可为HTML、Html、htML等等。

<!DOCTYPE>的通常声明有:<!DOCTYPE html>  //HTML5

                                       <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">     //HTML 4.01

                                       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  //XHTML 1.0

关于<title>是网页上端的标题即:

猜你喜欢

转载自www.cnblogs.com/Edward-roof/p/12089181.html