HTML在HBuilder的使用
-
使用HBuilder新建项目
依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目))使用HBuilder创建HTML页面
在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触 发快速新建(MacOS请使用Command+N,然后左键点击HTML文件)),并选择空白文件模板 -
使用技巧1.使用HBuilder边改边看试试查看编程效果
win系统按下Ctrl+P(MacOS为Command+P)进入边改边看模式,在此模式下,如果当前打开的是HTML文件，每次保存均会自动刷新以显示当前页面效果(若为JS、CSS文件，如与当前浏览器视图打开的页面有引用关系，也会刷新)2.快捷键的使用
空白页面输入h，再输入8,自动生成整体结构
ctrl + shift + /添加一行备注
-
标签
<br />换行<font color = "red" size = 7 >内容</font> //改变颜色 字体<hr />加分割线 -
入门案例1
<!DOCTYPE html>
<!--
1.上面是一个文档说明
2.根标签html
3.html主要分为两个部分，头部分和体部分
头部分：主要用来存放一些页面信息
体部分：主要来放置我们的HTML页面内容
4.通过标签对内容进行描述，标签通常都是由开始标签和结束标签组成
5.标签不区分大小写，官方建议小写
-->
<html>
<head>
<!--meta 网站的配置信息 -->
<!--
作者：offline
时间：2019-03-03
描述：utf-8 指定浏览器打开页面的编码方式
-->
<meta charset="utf-8" />
<!--
作者：offline
时间：2019-03-03
描述：指定网站的标题
-->
<title>This is my first page</title>
</head>
<body>
Hello World !
</body>
</html>
- 入门案例2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>标题1</h1>
<h2>标题1</h2>
<h3>标题1</h3>
<h4>标题1</h4>
<h5>标题1</h5>
<h6>标题1</h6>
<!--水平分割线-->
<hr />
<!--<br />: 换行-->
<!--
font 标签常用属性
color: 颜色
size： 改变字体大小 范围1~7
face： 字体设置
-->
我<font color = "aqua" size=1>喜欢</font>你<br />
我<font color = "aqua" size=2>喜欢</font>你<br />
我<font color = "aqua" size=3>喜欢</font>你<br />
我<font color = "aqua" size=4>喜欢</font>你<br />
我<font color = "aqua" size=5>喜欢</font>你<br />
我<font color = "aqua" size=7>喜欢</font>你<br />
<hr />
</body>
</html>
4651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
