立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 7717|回复: 0

[DIV+CSS 教程笔记01] 常用到的代码标签

[复制链接]

14

主题

1

回帖

40

积分

普通学员

Rank: 1

积分
40

推广达人宣传达人突出贡献荣誉管理论坛元老

发表于 2014-10-15 17:26:45 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

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

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

  15.                 2.<h1>标题标签<h2>
  16.                
  17.                 3.<ul>
  18.                         <li>第一个无序列表</li>
  19.                         <li>第二个无序列表</li>
  20.                         <li>第三个无序列表</li>
  21.                 </ul>       

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

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

  28.                 5.<ol>
  29.                         <li>第一个有序列表</li>
  30.                         <li>第二个有序列表</li>
  31.                         <li>第三个有序列表</li>
  32.                 </ol>

  33.                 6.<table>
  34.                         <tr>
  35.                                 <td>1</td>
  36.                                 <td>2</td>
  37.                                 <td>3</td>
  38.                         </tr>
  39.                         <tr></tr>
  40.                         <tr></tr>
  41.                 </table>
  42.                
  43.                 7.<a href="index.html" target="_blank" title="鼠标放上来就显示"></a>    a是内联元素
  44.                   <a name="p1"></a> 表示的是给a设置了个名字

  45.                         a:link{
  46.                                         color:color;     链接原来颜色
  47.                            }
  48.                     a:visited{
  49.                                     color:purple;    链接观看颜色
  50.                              }
  51.                     a:hover{
  52.                                     color:black;     链接放上来的颜色
  53.                              }                     
  54.                         a:active{
  55.                                     color:purple;    链接点击的颜色,一般不用
  56.                              }              
  57.            
  58.             8.无序列表的加入a链接

  59.             <ul id="nav">

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











  70.     </body>
  71. </html>
复制代码


道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服! 如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程 ( 皖ICP备15000319号-1 )

GMT+8, 2024-12-18 19:14

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表