HTML教程 第二章　页面布局与文字设计

标题

一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题：

〈H1>…　　　　　第一级标题

〈H2>…　　　　　第二级标题

〈H3>…　　　　　第三级标题

〈H4>…　　　　　第四级标题

〈H5>…　　　　　第五级标题

〈H6>…　　　　　第六级标题

请看下面的例子：

标题示例

这是一行普通文字

〈H1>一级标题〈H2>二级标题〈H3>三级标题〈H4>四级标题〈H5>五级标题〈H6>六级标题

显示结果

这是一行普通文字

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

从结果可以看出，每一个标题的字体为黑体字，内容文字前后都插入空行。

换行

在编写HTML文件时，我们不必考虑太细的设置，也不必理会段落过长的部分会被浏览器切掉。因为，在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上
标签。

请看下面的例子：

无换行示例

窗体顶端

显示结果

登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。

换行示例
白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。

窗体顶端

显示结果

登鹳雀楼白日依山尽，黄河入海流。欲穷千里目，更上一层楼。

窗体底端

窗体底端

段落标签

为了排列的整齐、清晰，文字段落之间，我们常用

来标记，段落的结束由

来标记，是可以省略的，因为下一个

的开始就意味着上一个

的结束。

标签还有一个属性ALING，它用来指名字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种。

下面，我们用两个例子来说明这个标签的用法。

段落标签

浣溪沙　

一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。

无可奈何花落去，似曾相识燕归来。小园香径几徘徊。

显示结果 浣溪沙

一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。

无可奈何花落去，似曾相识燕归来。小园香径几徘徊。

段落标签

白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。

显示结果

登鹳雀楼

白日依山尽，黄河入海流。欲穷千里目，更上一层楼。

水平线段

这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。

有三个属性：　　　size　水平线的宽度　　　width 水平线的长，用占屏幕宽度的百分比或象素值来表示　　　align 水平线的对齐方式，有LEFT RIGHT CENTER三种　　　noshade 线段无阴影属性，为实心线段

我们可以用几个例子来说明这线段的用法：

线段粗细的设定

线段粗细的设定

这是第一条线段，无size设定，取内定值SIZE=1来显示

这是第二条线段，SIZE=5

这是第三条线段，SIZE=10

显示结果

这是第一条线段，无size设定，取内定值SIZE=1来显示

这是第二条线段，SIZE=5

这是第三条线段，SIZE=10

线段长度的设定

线段长度的设定

html第二章排列页面内容题目,HTML教程 第二章 页面布局及文字设计.doc相关推荐

  1. HTML页面布局与文字设计

    原文:HTML页面布局与文字设计 简单规划HTML页面布局与文字设计即时通讯 标题 一般文章都有标题.副标题.章和节等结构,HTML中也提供了相应的标题标签,其中n为标题的等HTML总共提供六个等级的 ...

  2. java抓取网页标题内容_[Java教程]java 网页页面抓取标题和正文

    [Java教程]java 网页页面抓取标题和正文 0 2014-07-10 09:01:30 import java.io.BufferedReader;import java.io.IOExcept ...

  3. Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换

    vue2.0使用嵌套路由实现页面跳转切换/公用一级菜单控制页面内容切换/routes配置children demo需求分析: 图中菜单区域为header公用组件,点击相应的菜单选项跳转到对应的路由,在 ...

  4. html如何将网页分割开来,发现pdf文件页面内容太多，怎么把页面拆分开来？

    电子文档内的页面都是可以进行拆分的,pdf文件也是属于电子完档里面的一种,我们要对页面进行拆分首先就需要一个pdf文件的编辑器工具来帮助我们将pdf文件打开,下面是教大家怎样拆分pdf文件页面的方法, ...

  5. php登录页面后抓取页面内容,PHP模拟登陆抓取页面内容

    平时开发中经常会遇到抓取某个页面内容, 但是有时候某些页面需要登陆才能访问, 最常见的就是论坛, 这时候我们需要来使用curl模拟登陆. 大致思路:需要先请求提取 cookies 并保存,然后利用保存 ...

  6. php获取页面跳转后的页面内容,搜狗-PHP获取抓取页面获得跳转后的URL

    抓取页面: http://weixin.sogou.com/weixin?type=2&ie=utf8&query=%E9%98%85%E5%85%B5 内的链接: 但是中间要经过一个 ...

  7. Data Warehouse And Data Mining —— chapter 06 —— 第六章 数据仓库原理——数据仓库与数据挖掘教程——第二版

  8. 深入理解Android L新特性之 页面内容amp;共享元素过渡动画

    今天我们来聊聊Android L(5.0)引入的新特性:页面内容过渡动画和页面共享动画,这两个特性都是基于我们前面已经说过的Transition动画,如果你对Transition动画不太属性,请先看我 ...

  9. 乐行学院Redis5学习教程 第二章 redis5远程访问及工具Redis Desktop Manager使用

    乐行学院Redis5学习教程 第二章 redis5远程访问工具Redis Desktop Manager 检查服务器端口和防火墙 Redis Desktop Manager介绍 Redis Deskt ...

最新文章

  1. SQL Server之字符串函数
  2. Android之旅--Handler与多线程
  3. mybatis-plus对datetime返回去掉.0_0欧姆电阻只能当导线用？12种用法来学习下
  4. 国产plc做modbus从站_Modbus-RTU通信
  5. python怎么读是什么意思-python中的PEP是什么？怎么理解？（转）
  6. **产品经理之流程图**
  7. 天涯红旗linux,红旗linux安装中的几点技巧(转载)
  8. 使用NC-SI共享网口方式建立I350与BMC管理控制器的IPMI访问
  9. JAVA 油站管理系统_加油站管理系统
  10. html a标签鼠标聚焦,html怎么实现鼠标悬停提示A标签内容
  11. PV、UV、CTR含义
  12. 自研一个word应用，需要哪些基本功能
  13. Android Studio 往虚拟机添加音乐
  14. 【OpenGL】笔记三、着色器
  15. 程序员《周易》入门一
  16. TIPOP 出货单单头
  17. Python面试题大全总结
  18. 去携程实习了！半年时间，从机械转行 Java，二哥的读者真牛逼！
  19. Java小农养成记第九天
  20. 电话聊天狂人  c++ stl

热门文章

  1. 拒绝背后黑手的窥探IPC$漏洞大揭秘
  2. Python: 蛇形填空（每日一题）
  3. 转行IT行业怎么学习比较好
  4. 关于mysql的utf8、utf8mb3、utf8mb4
  5. 简评几款开源RISC-V处理器
  6. android获取系统使用的字体,android - 我如何获取已安装的Android系统字体列表并将其应用于自定义键盘 - 堆栈内存溢出...
  7. 全国各地凉面 冷面 拌面做法大全（转）
  8. 样本方差公式推导--为什么样本方差的分母是n-1
  9. SINS/DR组合导航(一)
  10. ckeditor KindEditor eWebEditor WQeditor FreeTextbox Tinymce 几款在线编辑器的比较（附各版本demo下载地址）