帖子管理老师 发表于 2014-10-15 17:26:45

常用到的代码标签

常用的标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>标签的常用</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="道勤教育 http://www.daoqin.net" />
<style>
       
</style>
/*这里值得是css引入方式*/
<link rel="stylesheet" href="./30css" />/*这里*/
</head>
    <body>

                1.<P>表示的是一段话</P>

                2.<h1>标题标签<h2>
               
                3.<ul>
                        <li>第一个无序列表</li>
                        <li>第二个无序列表</li>
                        <li>第三个无序列表</li>
                </ul>       

                4.<img src="地址" alt="索引关键词" title="鼠标放来上就显示"/>   /* 图片是替换元素,也是内联元素,往往要转化为块*/
                css里面设置为:
                img{
                        display:block;

                      }
                这样设置成为快状,就可以设置他的margin了

                5.<ol>
                        <li>第一个有序列表</li>
                        <li>第二个有序列表</li>
                        <li>第三个有序列表</li>
                </ol>

                6.<table>
                        <tr>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                        </tr>
                        <tr></tr>
                        <tr></tr>
                </table>
               
                7.<a href="index.html" target="_blank" title="鼠标放上来就显示"></a>    a是内联元素
                  <a name="p1"></a> 表示的是给a设置了个名字

                        a:link{
                                        color:color;   链接原来颜色
                           }
                  a:visited{
                                  color:purple;    链接观看颜色
                           }
                  a:hover{
                                  color:black;   链接放上来的颜色
                           }                     
                        a:active{
                                  color:purple;    链接点击的颜色,一般不用
                           }              
           
            8.无序列表的加入a链接

            <ul id="nav">

                    <li><a href="#链接地址">导航01</a></li>
                    <li><a href="#链接地址">导航02</a></li>
                   
            </ul>       
                9.对于a标签是内联元素,不可以设置宽和高
                a{
                        display:block; 设置了这就可以设置宽和高       
             }
               
                10.无序列表和有序列表都是一个div的层











    </body>
</html>

页: [1]
查看完整版本: 常用到的代码标签