块级标签和行级标签

最新推荐文章于 2024-05-22 18:32:30 发布

有智慧的猫

最新推荐文章于 2024-05-22 18:32:30 发布

阅读量755

点赞数

本文链接：https://blog.csdn.net/trigfj/article/details/83963321

版权

本文详细介绍了HTML中块级标签与行级标签的区别及应用，包括div、span、p、h1等标签的使用场景，以及如何利用这些标签进行网页布局。同时，文章还展示了跑马灯标签marquee的使用方法，包括行为、方向、延时和速度属性的设置。

摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

块级标签和行级标签块级标签  div标签行级标签    span标签块级 标签  :会占据一行,会换行<div></div><p></p>  段落标签<h1></h1>  行级标签:在一行显示,没有换行<span></span><em></em><div>  块级标签<marquee>标签:跑马灯标签:behavoir:alternate|scroldirection:up|down|left|rightscrolldelay://延时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>