zoukankan      html  css  js  c++  java
  • 块级标签和行级标签

    块级标签和行级标签
    
    块级标签  div标签
    
    行级标签    span标签
    
    
    块级 标签  :会占据一行,会换行
    
    <div></div>
    
    <p></p>  段落标签
    
    
    <h1></h1>  
    
    
    
    
    行级标签:在一行显示,没有换行
    
    <span></span>
    
    <em></em>
    
    
    <div>  块级标签
    
    
    <marquee>标签:跑马灯标签:
    
    
    behavoir:alternate|scrol
    
    direction:up|down|left|right
    
    scrolldelay://延时
    
    scollamount://速度
    
    
    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
     </head>
     <body>
      <center>
        <h1>块级标签和行级标签</h1>
    	  <h3>块级标签和行级标签</h3>
    	<hr>
    	<div style="background:#ccffff">这里是div1的内容</div>
    	<div style="background:#ccffff">这里是div2的内容</div>
    	<div style="background:#ccffff";width=800px>这里是div2的内容</div>
    
    	<span style="background:#ccffff">这里是span1的内容</span>
    	<span style="background:#ccffff">这里是span1的内容</span><br>
    	  欢迎大家学习<em><b>HTML!<b></em>
    	  <marquee behavior="alternate">我是跑马灯没事跑着玩....^_^</marquee>
    
    	   <marquee behavior="alternate" direction="right" scrolldelay="50" scrollamount="100">我是跑马灯没事跑着玩....^_^</marquee>
    	</center>
     </body>
    </html>
    
    
    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus?">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
     </head>
     <body bgcolor="#000000">
      <center>
      <h1><font color="#FFFFFF">我的相册</font><h1>
      <hr>
      <div stytle="height:150px;line-height:150px;background:#b6b6b6;stytle=padding:10px">
      
       <marquee>
       <span  ><a href="http://www.baidu.com"  target="_blank"><img src="images/1.jpg" width="200" height="120"></a></span>
        <span  ><img src="images/2.jpg" width="200" height="120"></span>
    	 <span  ><img src="images/3.jpg" width="200" height="120"></span>
    	  <span  ><img src="images/4.jpg" width="200" height="120"></span>
    	   <span  ><img src="images/5.jpg" width="200" height="120"></span>
    	    <span  ><img src="images/6.jpg" width="200" height="120"></span>
    		 <span  ><img src="images/7.jpg" width="200" height="120"></span>
    		  <span  ><img src="images/8.jpg" width="200" height="120"></span>
    
       </marquee>
       </div>
    	</center>
     </body>
     </html>
    
    
    
    
    

  • 相关阅读:
    Powershell & SQL
    Powershell运行Invoke-Sqlcmd命令的先决条件
    Powershell实现Telnet Port
    Quest Active Directory
    数据库系统概述(Data Model、DBMS、DBS、RDBS、Structured Query Language)
    Oracle简介
    Downgrading an Exchange 2010 Server(Exchange降级)
    MAPISession(EventID9646-MS-ExchangeIS)
    指定运行Exchange Powershell的Server
    Linux磁盘管理命令(fdisk,mount,umount,mkfs)
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13350810.html
Copyright © 2011-2022 走看看