HTML常用方法

一、图片、CSS文件、js文件的三种路径

1、绝对路径：当前图片在计算机上的真实路径。
2、相对路径：当前图片相对于html文件的位置。
./当前文件所在目录。
…/返回到上一级目录。
…/…/返回到上一级的上一级目录。

<img src="C:\Users\Administrator\Desktop\login-demo" alt="">
<img src="../images/1.png" alt="">
<img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1453307546,1770729595&fm=111&gp=0.jpg" alt="">

二、 a标签的四种常用作用

1、超链接

<a href="http://www.baidu.com" target="_blank"></a>

2、锚点

<div id = "demo1" style = "height : 100px;width: 100px;background-color: green;">demo1</div>
<div id = "demo2" style = "height : 100px;width: 100px;background-color: red;">demo2</div>
<a href = "#demo1">find demo1</a>
<a href = "#demo2">find demo2</a>

3、打电话

<a href="tel:1777888****">打电话</a>
<a href="mailto:25*****@qq.com">发邮件</a> 

4、协议限定符

<a href="javascript:while(1){alert('让你手欠')}">你点我试试呀！ come on！来呀</a>

三、元素的分类

1、行级元素 -- > inline
	特点：内容决定元素所在位置、不可以通过CSS改变宽高
    常见标签：span strong em a del 
2、块级元素 -- > block
    特点：独占一行、可以通过CSS改变宽高
	常见标签div p ul ol form address
3、行级块元素 -- > inline-block
	特点：内容决定大小、可以改宽高
	常见标签：img