努力学习网页制作知识之构成网页内容的段落

网页

打开记事本,按照下面增加新行:

<!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>

然后保存为网页文件。

接着用浏览器查看一下。

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

这是我的第一个网页多令人激动

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

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

按照下面改进你的代码:

<p>这是我的第一个网页</p>
<p>多令人激动</p>

p标签代表paragraph,即段落。

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

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

强调

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

<p>是的, 那个 <em>就是</em> 我要说的。 <strong>多</strong>令人激动</p>

换行

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

这是我的第一个网页<br /> 多令人激动

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

(因为没有任何东西在换行标签之间,所以没有闭合标签,它是用“/”在br后自闭合的。)

时间: 2024-11-08 17:36:02

努力学习网页制作知识之构成网页内容的段落的相关文章

学习网页制作基础入门教程(5)背景标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 背景标签 1. 使用方法:<BODY BGCOLOR="#ffffff" BACKGROUND="bg.jpg"> 2. 标签解释:这个标签其实应该老早就要讲了,毕竟它是制作网页不可或缺的基本要素之一,我们背景颜色或图片的设定以及连接字体的颜色,统统都放在 <

学习网页制作基础入门教程(2)排版标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 文字上的分隔标签 1. 使用方法:强制断行标签<BR> .强制分段标签<P> 2. 标签解说:我们在写文章时,有时候在特定的地方会强迫断行(<BR> ),或是在写完某一段的时候便会分段(<P>),制作网页也一样,而且更需要断行及分段的功能,以免整个网页看起来乱糟糟的. 3. 使用范例: 原始代码 显示结果  这是一个断行的例子 <BR> 看出来了吗?网页教学网 这是一个断行

学习网页制作基础入门教程(3)字体标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 标题标签 1. 使用方法:<H1>标题內容</H1> 2. 标签解释:标题的大小一共有六种,两个标签一组,也就是从 <H1> 到 <H6> , <H1> 最大,<H6>最小.使用标题标签时,该标签会将字体变为粗体字,并会自成一行. 3. 使用范例: 原始碼 呈現結果 <H1>标题1</H1> 标题1

学习网页制作基础入门教程

教程|入门教程|网页 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)背景标签 学习网页制作基础入门教程(6)连接标签 学习网页制作基础入门教程(7)表格标签 学习网页制作基础入门教程(8)框架标签 学习网页制作基础入门教程(9)序列标签 学习网页制作基础入门教程(10)表单标签 学习网页制作基础入门教程(11)注意的问题

学习网页制作基础入门教程(9)序列标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 学习网页制作基础入门教程(6)连接标签 学习网页制作基础入门教程(7)表格标签 学习网页制作基础入门教程(8)框架标签 无序标签 1. 序列标签基本上可分为两种,一种是"无序条列",一种是"有序条列".所谓"无序条列"

学习网页制作基础入门教程(8)框架标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 学习网页制作基础入门教程(6)连接标签 学习网页制作基础入门教程(7)表格标签 框架概念 1. 首先,各位先看看右边这张图片,将利用这张图来做解释,这样子,讲起来可能会清楚一些. 我们可以看见,右边的这个图片,一共分为 1 . 2 . 3 三个框架,每一个框架,各有

学习网页制作基础入门教程(7)表格标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 学习网页制作基础入门教程(6)连接标签 表格单元格对齐位置设定 1. 首先我们来看一个最简单的表格: 原始代码 显示结果 <TABLE BORDER=1><TR><TD>1</TD></TR></TABLE&g

学习网页制作基础入门教程(6)连接标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 网页内部的连接 1. 使用方法: 先在欲连接处作记号:<A NAME="here"> 这里是你想连接的点 </A> 设定连接:<A HREF="#here"> 连接 </A> 2. 标签解

学习网页制作基础入门教程(4)图象标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 图象标签 1. 使用方法:<IMG SRC="/UploadPic/2007-7/200777152731585.gif" ALT="本站特约模特儿" ALIGN=RIGHT BORDER=0 HSPACE=2 VSPACE=2 HEIGHT=56 WIDTH=32> 2. 标签解释:目前常见的网页图形