基础标签

显示方式分类

块级（block）元素

       独占一行

       p、div、列表（ul、ol、li、dl、）

       h1~h6、form

 

行内（inline）元素

       不会独占一行

       不能设置宽（width）和高

       button、span、a、label

 

行内块(inline-block)元素

       不会独占一行

       可以宽（width）和高

img、input、select（下拉菜单）

display属性改变显示方式

display对应的属性值：block,inline,inline-block,none（隐藏，不显示）

 

单标签和双标签

标签一般有开始标签和结束标签组成：双；但是有些标签只有开始：单

h5中，双标签可以只写开始，不写结束；但是我们不推荐。

单标签

       < Img />，<input/>、br、hr、link、meta、

双标签

公共的属性

Title属性：鼠标悬停显示的内容

Id:他的值是唯一，#

Class:类，.

超链接标签a

       <a title="我要上天" href="http://www.baidu.com" target="_blank">我要去百度</a>

              <a href="#wuhan">去武汉</a>

              <div style="height: 2000px;"></div>

              <p id="wuhan">武汉</p>

（0）href:去哪里？？

              URL地址：跳转到其他页面

              锚点：调到页面的某个位置

                     我想跳转到A.html的C位置；href = “a.html#c”

（1）target属性：决定跳转的方式

              _blank:再新的页面打开

              _self:在自己的页面上打开

（2）路径问题

              .. :上一级

              . :当前目录

（3）电话、邮箱

              <a href="tel:17722222">电话</a>

              <a href="mailto:3333@qq.com"></a>

（4）默认下划线

text-decoration: none;

 

图片标签img

<img src="a/b/bb.jpg" title="悬停" alt="加载失败">