打开工具：=> HBuilderX
选择：文件 => 新建 => html文件 => 给html文件起个名字这里我起 index.html ‘index是代表首页的意思’，‘html这里是代表文件的后缀’
这是新建立好的html文件 => 工具默认创建好了html head body标签
<code>这里从h1----h7标签，代码依次从h1----h7写出来
注意：H1在一个页面当中只能写一次，利于SEO，搜索引擎会爬取这个标签中的关键词/<code>
<code>浏览器打开127.0.0.1 查看刚才写的index.html 网页/<code>
<code>从以上 h1-----h7 标签的对比，没有标签的文字默认状态/<code>
<code>再来看一下编辑器里P标签/<code>
<code>从浏览器中打开看到的P标签/<code>
<code>这里是a标签 在a标签里 href='这里面是跳转的链接，路径'
也可以将href='www.baidu.com' 跳转百度的链接
也可以将href='#' 空连接
也可以将href=‘’ /<code>
<code>> href属性必须要写，如果不 写则会显示普通文本一样没有任何效果
> \\# 表示当前页面，href="#"也就是跳转到当前页面了
> javascript: void(0); 执行js表达式0，并且没有返回值，所以不会执行任何操作，而#默认表示Top位置/<code>
<code>注：
每个标签都是有开始和结闭合
比如：a标签
比如：p标签
比如：h标签 /<code>
<code>所有的标签名一律小写，虽然没有规定html的标签必须大小写，但是要遵循标签规范，
也是为了让你的产品经理或同事能看懂，一般来说他们都会按照小写的标签查看，
如果你突然在里面出现个大写的标签，别人一看这是什么鬼，看着很乱，一看就是不合格的程序员，很low的/<code>
<code>代码缩进，使阅读代码更加易懂 ，注意代码的缩进整齐，让别人能缕清你每行代码，自己在日后修改
代码的时候也方便，如果将代码写的乱乱的不整齐，到最后时间久了自己也看着费劲，容易出错，耗时/<code>
<code>命名规范，见名之意，按照规范写代码，当在看到这行代码的时候就知道是什么意思/<code>