HTML基础(1)

网页的组成:
HTML—-相当于我们的毛坯房、
CSS—-网页的装修队、
javascript—-智能家居

1, HBuilder开发工具

ctrl+n: 新建文件
ctrl+s: 保存
ctrl+r: 运行
ctrl+z: 撤销
ctrl+c ：复制
ctrl+v :粘贴
ctrl+x ：剪切
ctrl+a ：全选
ctrl+shift+F:整理代码
ctrl+/：注释

2, 字符实体

Html中常用的转义字符：
  不换行空格
> >右尖括号
< <左尖括号

3, 基本标签

块标签， 用来设置文档区域，是文档布局常用对象
结点标签 可以是某一小段文本，或是某一个字。

<h1></h1>一级标题
<h2></h2>二级标签
....
<h6></h6>六级标签
<p></p>段落标记
<i></i>文本倾斜
<b></b>字体加粗
<u></u>下划线
</br>换行

4,列表

无序列表
<ul>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
</ul>
有序列表
<ol type="1",start = '2'>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
</ol>
type:规定列表中的列表项目的项目符号的类型
1 数字顺序的有序列表（默认值）（1, 2, 3, 4）。
a 字母顺序的有序列表，小写（a, b, c, d）。
A 字母顺序的有序列表，大写（A,B,C,D)
i 罗马数字，小写（i, ii, iii, iv）。
I 罗马数字，大写（I, ii, iii, iv）。
start 属性规定有序列表的开始点。

自定义列表
<dl>
    <dt>衣服</dt>
    <dd>短袖</dd>
    <dd>裤子</dd>
    <dd>长袖</dd>
</dl>

5, 超链接和图像

<a href=“目标文件路径及全称或者连接地址” title=“提示文本”>链接文本或图片</a>
<a href="#">空链接</a>

6, 插入图片

<img  src=“图片的路径” />

7, 选择器

class 对应.
id 对应#
.span1{color: blueviolet;}
#span2{color: greenyellow;}
<span class="span1">span1</span>
<span id="span2">span2</span>