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>