web基本操作的学习。

1.插入图像
(1).插入图像

   <img src="" />

(2).带有alt的图像 当图像显示不出来时显示后面alt里的

   <img src="" alt="123" />

(3).带有title图像 鼠标悬停时鼠标显示的图像

 <img src="" title="" />

(4).改变图像的宽高 一般情况改一个就可以自适应

 <img src="" width="400" height="200" />

(5).带有边框的图像

  <img src="" border="10" />

2.链接标签

 <a href="跳转目标"  target="目标弹出方式"> 文本或图像</a>

(targe: 两种打开方式，self和blank，self默认，blank在新窗口中打开 )

3.锚点定位

<a href="#123">  文本 </ a>
<id="123">

4.base 标签
base 可以设置整体链接的打开方式

在head标签里用<base target="打开方式" />

5.特殊字符

6.注释标签

 <!-- 注释语句 -->

7.列表标签
(1)无序列表

  <ul>
     <li>列表项</li>
     <li>列表项</li>
      <li>列表项</li>
       .....
      </ul>

list-style: none;取消 lli 前面的小点

(2)有序列表

 <ol>
 <li>列表项</li>
 <li>列表项</li>
  <li>列表项</li>
   .....
  </ol>

(3)自定义列表

  <dl>
     <dt>名词1</dt>
     <dd>名词1的解释1</dd>
      <dd>名词1的解释2</dd>
       .....
      <dt>名词2</dt>
      <dd>名词2的解释1</dd>
       <dd>名词2的解释2</dd>
      </dl>

8.表格table
(1)创建表格(显示数据)

  <table   align="表格对齐方式(left,center,right)">
     <caption>表格标题</caption>
     <tr>   
     <th></th>  (表头标签)
     <td></td>   (单元格标签)
     </tr>   (行标签)
     </table>
    
  collapse  合并相连边框
  cellpadding     cellspacing  边框间隔

<span></span>   (用来组合文档中的行内元素。)
   <div>  </div>   (用来做导航栏。)
   
 id选择器只能选择一次，类选择器可多次使用。
 
* 代表所有字符， ？代表一个字符
* 
text-decoration: none;去掉下划线

正常浏览器 清楚浮动的方法

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
            }