论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{XHTML}HTML初级教程段落

文章类别:div+css布局 | 发表日期:2008-9-26 11:42:16

现在你的HTML文档已经有了基本的框架,你可以来“胡搞”一阵子其他内容了 :)

回到记事本,按照下面增加新行:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
这是我的第一个网页 多令人激动
</body>
</html>

接着用浏览器查看一下。

你可能期望你的页面展示出像所你键入得一样格式,分为两行,但是你会看到:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
这是我的第一个网页多令人激动

这是因为浏览器不会关注你的代码是怎么写的,也丝毫不关心空格(就算你键入“这是我的第一个网页 多令人激动”,结果还是是一样的)。

要文本以不同的行来显示,你必须明确地指出。

按照下面改进你的代码:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<p>这是我的第一个网页</p>
<p>多令人激动</p>

p标签代表paragraph,即段落。

查看结果,这两行终究以两行来显示。

HTML文档的内容应该跟书籍或者文章一样,在适当的地方应该划分段落。

强调

在段落中你可以用em标签和strong标签来强调突出文本。它们都做几乎相同的事,尽管传统上浏览器会以斜体来显示em,以粗体来显示strong。

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<p>是的, 那个 <em>就是</em> 我要说的。 <strong>多</strong>令人激动</p>

换行

换行标签可以用来打断成两行,像下面:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
这是我的第一个网页<br /> 多令人激动

但是,这个方法已经严重被滥用来划分段落,它不应该使用在预计分段的两段文本中。(是什么结构,该用什么标签就用什么标签,不是为断行而分段或者为分段而断行——译者注)

(因为没有任何东西在换行标签之间,所以没有闭合标签,它是用“/”在br后自闭合的。)
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058