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