您的位置:首页 > Web前端 > HTML

HTML--->XML

2010-07-21 23:23 295 查看
HTML:http://www.w3school.com.cn/htm

<html>

<body>

<h1>国学讲堂</h1>

<p>红楼梦之钗黛合一</p>

<br /> //相当于换行,且空出一行

<br> //与<br />功能相同,但是,即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

<p>时间:2010年7月23日</p>

<p>地点:经信大讲堂</p>

<p>主讲人:蔡义江</p>

</body>

</html>

//输出:

国学讲堂

红楼梦之钗黛合一

 

时间:2010年7月23日

地点:经信大讲堂

主讲人:蔡义江

 

“欲格式文本”:

<html>

<body>

<pre>

这是

预格式文本。

它保留了      空格

和换行。

</pre>

<p>pre 标签很适合显示计算机代码:</p>

<pre>

for i = 1 to 10

     print i

i++

</pre>

</body>

</html>

 

输出:

这是
预格式文本。
它保留了      空格
和换行。

pre 标签很适合显示计算机代码:

for i = 1 to 10
print i
i++

文本倒显示:
<html>
<body>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
</body>
</html>

输出
Here is some Hebrew text

在新的浏览器中打开链接:
<html>
<body>
<a href="/example/html/lastpage.html" target="_blank">最后一页</a>
<p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。
</p>
</body>
</html>
输出:最后一页
如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。
 
 

表格中的空单元格

在大多数浏览器中,没有内容的表格单元显示得不太好。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>

</tr>
</table>
在浏览器显示如下:

row 1, cell 1row 1, cell 2
row 2, cell 1 
注意:这个空的单元格的边框没有被显示出来。(不过 Mozilla Firefox 可以将整个边框显示出来。)为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
[code]<td> </td>

</tr>
</table>[/code]
在浏览器中显示如下:

row 1, cell 1row 1, cell 2
row 2, cell 1 
 

 

 

 

 

 

 

 

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息