HTML中的内联元素与块级元素(inline and block)
<html>
<head>
<title>block and inline test</title>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<span>span1</span>
<span>span2</span>
<span>span3</span>
</body>
</html>
上面代码的现实效果如下:
div1
div2
div3
span1 span2 span3
可见,div(块元素)是自动占一行的;而span(内联元素)是共占一行的。
块元素和内联元素可以进行转换(通过设置CSS样式中的display属性)
<html>
<head>
<title>block and inline test</title>
</head>
<body>
<div style="display: inline" style="display: inline">div1</div>
<div style="display: inline" style="display: inline">div2</div>
<div style="display: inline" style="display: inline">div3</div>
<span style="display: block" style="display: block">span1</span>
<span style="display: block" style="display: block">span2</span>
<span style="display: block" style="display: block">span3</span>
</body>
</html>
上面代码的显示效果如下:
div1
div2
div3
span1 span2 span3
可见块元素转换成了内联元素,内联元素转换成了块元素
内联元素在不设置高和宽时,显示出了内联元素的特性。但是设置了高或宽时,又显示出了块元素的特性……
未设置高/宽---:
<html>
<head>
<title>block and inline test</title>
</head>
<body>
<div style="background-color: silver; border-bottom: 1px solid #000;">div1********<br />
******</div>
<div style="">div2</div>
<div style="">div3</div>
<span style="background-color: yellow; border-bottom: 1px solid #000;">span1********<br />
******</span>
<span style="">span2</span>
<span style="">span3</span>
</body>
</html>
效果图:
设置了高/宽---:
<html>
<head>
<title>block and inl
相关文档:
摘自:http://www.pconline.com.cn/pcedu/sj/wz/html/0401/293106.html
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用 ......
string tent = this.TextBox_info.Text.Replace("<", "<").Replace(">", ">").Replace(" ", " ").Trim().Replace("\n", "<br/>");
& ......
在前面的几篇文章中介绍了asp.net的窗体身份验证,这种身份验证方式可以让通过验证的用户访问指定的目录,而没有通过验证的用户不能访问该目录下的网页。
但是,有一种例外,就是目录中的html文件例外。例如,在《asp.net中的窗体身份验证(最简单篇)》中介绍的,除了登录网页之外 ......
作者:88250
时间:2010 年 1 月 1 日
我们通过一个简单的例子来熟悉 HTML 5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备:下载 Jetty 7 ,Java Web 开发环境,Chrome 4+ 。
服务端 Java 代码:
final public class CounterSocketServlet extends WebS ......