1、关于文件后缀名
如果文件看不到后缀名,那么需要显示后缀名:
进入“计算机“–>(在文件夹中)找到工具栏上的“工具”–>文件夹选项–>查看–>将“隐藏已知文件扩展名”前面的勾去掉–>确定
2、Html结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>第一个HBuilder页面</title>
</head>
<body>
可以添加其他的脚本
</body>
</html>
基础标签认识
<h1>-<h6> 表示不同等级的标题文本
<p>表示普通文本,段落
Html的编写规则
大小写不敏感,如<p>和<P>其实是一样的,但是建议小写开始的标签则小写标签结束,大写也一样。
空标签
表示法:‘<’开始 然后加上标签名 接着用 ‘/>’结束,这类标签就是空标签,空标签没有子内容
如:<br/> 表示换行
Html标签属性
属性表示:属性名=属性值,注意所有的属性值用双引号括起来,如:
<a href="http://www.baidu.com">百度一下</a>
一个标签可以有多个属性,每个属性之间甚至是属性和标签名之间,中间用空格隔开,属性只能放到开始标签
颜色基础
三原色:R--red(红) G--Green(绿) B--Blue(蓝)
如果都没有颜色则为黑色,如#000000 所有颜色都加满就是白色 ,如 #ffffff
注释
Html的注释以"<!--"开头以"-->"结尾
注释的快捷键Ctrl+/
文本格式化
<b>表示粗体bold
<i>斜体
<strong>加粗的粗体
<big>大号字体,可以嵌套,每嵌套一层加大一号
<small>小号,可以嵌套,嵌套一层小一号
<sub>表示下标
<sup>表示上标
预览式文本
<pre>可以保留空格、换行
<code>显示一些代码的标签
特殊字符的显示
<表示左尖括号 <
>表示右尖括号 >
"表示引号 "
地址
<address>以斜体的形式显示地址信息
处理缩写的提示
<abbr>,如<abbr title="World Wide Web">WWW</abbr>表示显示的内容为www,当鼠标划到内容上时
显示title中的完整信息“World Wide Web”提示
文本的删除和插入
<del>表示删除,在文本上出现删除线
<ins>表示插入,在文本上出现下划线
链接
文本链接
<a href="http://www.baidu.com">百度一下</a>
图片链接
<a href="http://www.baidu.com"><img src="img/pic1.jpg"/></a>
链接的target属性
_self目标在当前窗口打开
_blank目标在新窗口打开
<a href="http://www.baidu.com" target="_blank"><img src="img/pic1.jpg"/></a>