• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML网页的段落排版和换行

HTML网页的段落排版和换行

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含网页,<,设置,&,nbsp,我们,/>,分隔,文字,/p>等相关知识,佚名 希望在学习及工作中可以帮助到您

网页的外观是否美观,很大程度上取决于其排版。在页面中出现大段的文字,通常采用分段进行规划,对换行也有极其严格的划分。本节从段落的细节设置入手,使读者学习后能利用标签自如地处理大段的文字。
HTML网页中的文字和段落
通过上一章的学习,读者在网页整体表现设置方面有了比较扎实的基础。但是读者不仅是希望在网页上表现文字,更希望对网页上的文字进行排版、修饰。本章将学习文字的简单排版、修饰、滚动文字以及超级链接。超级链接在网站开发中无处不在,是网页中的重点。
学习本章时,在D:\web\目录下创建一个目录命名为chapter3,把上一章的文件移动到D:\web\chapter3,做一个归类。本章继续在D:\web\目录下创建示例文件,这样方便用IIS测试示例文件。
— 说明:以后章节都作类似处理,不再重复说明。如第4章文件归类到D:\web\ chapter4。
4.1 段落排版和换行
网页的外观是否美观,很大程度上取决于其排版。在页面中出现大段的文字,通常采用分段进行规划,对换行也有极其严格的划分。本节从段落的细节设置入手,使读者学习后能利用标签自如地处理大段的文字。
4.1.1 给大段文字进行分段
简单地对文字分段常用<p></p>标签,即段落的开始用<p>,段落的结束用</p>标签。某些网页分段时省略了</p>,即作为单标签使用,因为下一段开始的<p>标签就意味上一段的结束。
— 注意:笔者不推荐把<p>当作单标签使用,这样代码不规范,易出错。
在D:\web\目录下创建网页文件,命名为p.htm,编写代码如代码4.1所示。
代码4.1 分段的设置:p.htm

<html>
<head>
<title>分段的设置</title>
</head>
<body>
<p>电影双周刊:《无间道三:终极无间》评论专题</p>
 <p>落幕后刚刚开始</p>  
 <p>2002年岁末,神话开始。2003年秋冬,走向高潮和终极。《无间道》即自承取乎佛家理念,光明与黑暗、生存与消亡、存在与虚无纠结于混然一体,愕然分崩离析,亦是丰富兼统一的过程。有因就有果,有孽就有缘,境与相的妙处在于言诠的限度,不可道破,又不可沉默,相互依托。心音始终在,拷问自我,拷问时空。这是最好的时代,这是最坏的时代,几乎每个时代的人都在这么说。然而《维摩诘经·观众生品第七》中说:无住则无本。从身体的言行开始,经过辩难言说的层面,初步达到存有自视境界,最后不过是归结为生存的态度。在我看来,刘健明、陈永仁、韩琛、黄志诚、倪永孝、陆启昌、杨锦荣、沈澄等人其实是宿命中的镜像人物,都可以从对方身上看到自我,抗争、迸发、沉雄、挥洒,仿佛的劫数、扭曲的生命,于是乎“无间道”。</p>
 <p>顾准说从理想主义到经验主义,王小波说要警惕僭主和英雄,谁是英雄?他们从哪里来?他们来了又怎样?我们这个时代还要不要英雄?我在编辑这期E论坛时,有一些欣慰,从文字中可以看出大家都在思考,毕竟我们不再是盲从的一代。在我看来,娱乐从来就不仅仅是娱乐本身,从一滴水、一朵花、一粒沙可以看到一个世界,从一场电影中我们想到的注定更多,理解定可变奏无穷。我们每个人就构成了这个世界,无论这个世界是好是坏,我们都有份。我们每个人都有自己的生活,都有优点都有缺点,这是我们共同进步的基础。</p>
</body>
</html>
在浏览器地址栏输入http://localhost/p.htm,浏览效果如图4.1所示。

图4.1 分段的设置
通过<p></p>标签的分段,大段的文字排版井井有条。
4.1.2 给文字加入空格
仔细观察图4.1,图中的分段感觉有点别扭,因为每段开始没有字符空格。
— 说明:按中文写作习惯,段落的首行须空格2个中文字符。
前面章节学习过,在HTML代码中直接用键盘敲击空格键,是无法显示在页面上的。HTML使用“&nbsp;”表现1个空格字符(英文的空格字符)。由于1个中文字符占两个英文字符的宽度,所以在段落的首行开头加上4个“&nbsp;”字符,修改p.htm的代码如代码4.2所示。

代码4.2 空格符的设置:p.htm

<html>
<head>
<title>分段的设置</title>
</head>
<body>
<p>电影双周刊:《无间道三:终极无间》评论专题</p>
 <p>落幕后刚刚开始</p>  
 <p>&nbsp;&nbsp;&nbsp;&nbsp;2002年岁末,神话开始。2003年秋冬,走向高潮和终极。《无间道》即自承取乎佛家理念,光明与黑暗、生存与消亡、存在与虚无纠结于混然一体,愕然分崩离析,亦是丰富兼统一的过程。有因就有果,有孽就有缘,境与相的妙处在于言诠的限度,不可道破,又不可沉默,相互依托。心音始终在,拷问自我,拷问时空。这是最好的时代,这是最坏的时代,几乎每个时代的人都在这么说。然而《维摩诘经·观众生品第七》中说:无住则无本。从身体的言行开始,经过辩难言说的层面,初步达到存有自视境界,最后不过是归结为生存的态度。在我看来,刘健明、陈永仁、韩琛、黄志诚、倪永孝、陆启昌、杨锦荣、沈澄等人其实是宿命中的镜像人物,都可以从对方身上看到自我,抗争、迸发、沉雄、挥洒,仿佛的劫数、扭曲的生命,于是乎“无间道”。</p>  
 <p>&nbsp;&nbsp;&nbsp;&nbsp;顾准说从理想主义到经验主义,王小波说要警惕僭主和英雄,谁是英雄?他们从哪里来?他们来了又怎样?我们这个时代还要不要英雄?我在编辑这期E论坛时,有一些欣慰,从文字中可以看出大家都在思考,毕竟我们不再是盲从的一代。在我看来,娱乐从来就不仅仅是娱乐本身,从一滴水、一朵花、一粒沙可以看到一个世界,从一场电影中我们想到的注定更多,理解定可变奏无穷。我们每个人就构成了这个世界,无论这个世界是好是坏,我们都有份。我们每个人都有自己的生活,都有优点都有缺点,这是我们共同进步的基础。</p>
</body>
</html>
在浏览器地址栏输入http://localhost/p.htm,浏览效果如图4.2所示。

图4.2 空格符的设置
段落已经初步成形了,空格已经表现了出来。读者可以在段落中任意加上空格符测试。
4.1.3 设置文字换行与不换行
图4.1看上去已经没有问题了,当文字到达浏览器的边界后将自动换行。但是当调整浏览器的宽度时,文字换行的位置也相应发生变化,格式显得相当混乱。为了规范格式,读者应该在编写代码时在需要换行的位置用单标签<br />标签强制换行。反之,不需要换行的部分用双标签<nobr></nobr>包含。修改p.htm代码如代码4.3所示。

代码4.3 换行的控制:p.htm
<html>
<head>
<title>分段的设置</title>
</head>
<body>
<p>电影双周刊:《无间道三:终极无间》评论专题</p>
 <p>落幕后刚刚开始</p>  
 <p>&nbsp;&nbsp;&nbsp;&nbsp;2002年岁末,神话开始。2003年秋冬,走向高潮和终极。<br /><nobr>《无间道》即自承取乎佛家理念,光明与黑暗、生存与消亡、存在与虚无纠结于混然一体,愕然分崩离析,亦是<br />丰富兼统一的过程。有因就有果,</nobr>有孽就有缘,境与相的妙处在于言诠的限度,不可道破,又不可沉默,相互依托。心音始终在,拷问自我,拷问时空。<nobr>这是最好的时代,这是最坏的时代,几乎每个时代的人都在这么说。然而《维摩诘经·观众生品第七》中说:无住则无本。</nobr>从身体的言行开始,经过辩难言说的层面,初步达到存有自视境界,最后不过是归结为生存的态度。在我看来,刘健明、陈永仁、韩琛、黄志诚、倪永孝、陆启昌、杨锦荣、沈澄等人其实是宿命中的镜像人物,都可以从对方身上看到自我,抗争、迸发、沉雄、挥洒,仿佛的劫数、扭曲的生命,于是乎“无间道”。</p>  
 <p>&nbsp;&nbsp;&nbsp;&nbsp;顾准说从理想主义到经验主义,王小波说要警惕僭主和英雄,谁是英雄?他们从哪里来?他们来了又怎样?我们这个时代还要不要英雄?我在编辑这期E论坛时,有一些欣慰,从文字中可以看出大家都在思考,毕竟我们不再是盲从的一代。在我看来,娱乐从来就不仅仅是娱乐本身,从一滴水、一朵花、一粒沙可以看到一个世界,从一场电影中我们想到的注定更多,理解定可变奏无穷。我们每个人就构成了这个世界,无论这个世界是好是坏,我们都有份。我们每个人都有自己的生活,都有优点都有缺点,这是我们共同进步的基础。</p>
</body>
</html>
在浏览器地址栏输入http://localhost/p.htm,浏览效果如图4.3所示。

图4.3 换行的控制
由本例可得,被<nobr></nobr>包含的部分不会自动换行,除非有<b

您可能想查找下面的文章:

  • 浅谈Html网页表格结构化标记的应用
  • HTML基础必看---表单,图片热点,网页划区和拼接详解
  • 移动端网页大小自适应的实现方法
  • 在网页上调用桌面exe程序的简单方法
  • Adobe Brackets 简单使用图文教程
  • 网站不允许直接复制页面内容或信息的解除方法
  • html网页中meta viewport属性说明
  • 网页嵌入百度地图和使用百度地图api自定义地图的详细步骤
  • html文档基本结构(制作网页基础知识)
  • html网页插入图片、加入地图索引示例讲解

相关文章

  • 2017-08-05HTML网页各种字体格式的细节修饰
  • 2017-08-05HTML thead 标签定义和用法详细介绍
  • 2017-08-05html/css基础篇——html代码编写过程中的几个警惕点(必看)
  • 2017-08-05a链接刷新页面与js刷新页面用法示例介绍
  • 2017-08-05Zen Coding 简易快速的HTML编写
  • 2017-08-05网页速度优化一览
  • 2017-08-05HTML 结构化实现方法
  • 2017-08-05html中的图片直接使用base64编码后的字符串代替
  • 2017-08-05被忽视的META标签之特效(页面过渡效果)
  • 2017-08-05Html注释 Html中标记文字注释的符号

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • div怎样在object上面显示不被object动画给遮挡
    • 输入一个网址的时候,后台到底发生了一件件什么样的事
    • 块级元素和内联元素及可变元素汇总
    • html 标签ID可以是变量
    • 表单元素与提示文字无法对齐的问题
    • 浅谈表单中的只读和禁用属性
    • 网页设计制作之改进超级链接效果
    • HTML对于元素水平垂直居中的探讨
    • tbody标签的妙用 加速表格内容显示
    • html页面嵌套使用示例(frameset使用方法)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有