块级标签和行级标签

块级标签和行级标签

块级标签  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>





原文地址:https://www.cnblogs.com/zhaoyangjian724/p/6200077.html