<span>标签：组合文档中的行内元素

<span>abc</span>

<span>123</span>

效果就是在一行显示：

abc123

同一个div中的input会从左到右的排序，不会换到下一行

按钮标签有2种，单标签的input，其中一种属性是按钮

                          闭合标签的button

例1：<input type="button"  value="按钮">  ————value是按钮中显示的内容

例2：<button>按钮</button>————button标签有开始和闭合，因此文字可以直接放在两个标签中间，如果要引入图片也可以直接放，

如例3：

<button>

    <img src=“图片路径”>

</button>

input标签的按钮显示文字和button标签显示文字差别不大，但是闭合标签中可以引入图片等东西，而这是单标签做不到的。

input 的 value属性，设置默认内容；

<input  value="慕课网"/>，默认显示"慕课网"；

input 的 maxlength属性，设定最大值，限制输入长度，但是对默认value的长度不影响；

input 的 placeholder属性，设定提示信息--输入信息后，提示内容就不显示，删除输入框内容，提示信息就显示；

1、ul标签是无序列表，ol标签是有序列表

2、ul和ol是闭合标签

3、ul和ol，里面都有li 标签

4、无序列表格式如下：

<ul>

    <li><li>

    <li><li>

    <li><li>

    .......

<ul>

5、有序列表格式如下：

<ol>

    <li><li>

    <li><li>

    <li><li>

    .......

<ol>

6、ul不同层之间，前面的图样标识不同【前四层不同】

7、如果第一层是有序ol,第二层是无序ul，ul展示标识是第二层的

1、div是闭合标签，可以理解成砖块；

2、div的默认占据一行；

3、几个挨着的div之间是一行行展示的，行与行之间没有间距；

4、P是段落标签，P和P之间是存在空白行作为段落间隔的；

5、div里面可以有P标签或者a标签、img标签，

6、但是P标签里面不能有div标签

<a>是闭合标签，两个属性：href ; target

href属性是链接地址

target属性是指新开一个界面访问链接

表达格式： 

1、<a  href="链接跳转的地址或图片地址"> HTML显示的文字 </a>

2、<a  href="链接跳转的地址或图片地址">  <img src="图片的网页地址和">    </a>

3、<a  target="_blank"  href="链接跳转的地址" > HTML显示的文字或图片 </a>

img可以引用图片的相对物理地址，也可以引用一个网络地址

HTML文件和引用图片位置在同一层的时候，直接写文件名称就可以。

如果图片在HTML文件上一层某个文件夹，用  ../     返回上一层；

如果图片在HTML文件下一层某个文件夹，用  HTML同级别文件夹名字/图片名称  ；

img是单闭合标签，格式是<img src="图片路径"/> 

或者 

格式是<img src="图片路径" width=''/>

img还有两个属性，width和height：单独设置width可以调整图片展示大小，这个时候height会同比例放大缩小；如果不同比例放大缩小时，可以分开设置width和height。

P标签自成一行，且会自动在其后创建一些空白；

div里面可以放P，P不能放div

p标签里面不能放div,不能放ul，ol，li

但是P标签里面放文字、图片<img>、链接<a>是可以的

input是单标签，<input />

input有多种类型，type定义不同的属性，默认是text文本类型

文本 <input  type="text"/>

密码 <input  type="password"/>

数字 <input  type="number"/>

颜色 <input  type="color"/>

复选框 <input  type="checkbox"/>

日期 <input  type="date"/>

前端快速入门

1. 定目标

egferghwstg 

fdhrt