网页制作中文字与段落排版的关键知识,你知道吗?
2.1 文字与段落排版
在网页制作过程中,通过文字与段落的排版即可制作出简单的网页
2.1.1 段落标签
浏览器不会理会用户在HTML编辑器里敲的回车键,为了让段落排版美观有序,通常借助段落标记
.…
实现这一功能。段落标签
它属于HTML文档特有的文本块构造,在HTML文档编写时无需顾虑每行字符的界限,不必担忧文字过长出现中断,它会依据视窗的尺寸自动实现换行处理,该文本块构造的书写规范为
文字
段落文字在网页中的排列方向由属性align决定,其可选值有left(靠左排列)、center(居中显示)以及right(靠右排列),系统预设的初始状态为left。
2.1.2 标题标签
页面中,标题是文字内容的重点,因此通常采用加粗方式突出显示。标题通过至标签来设定。设定最大级别的标题,设定最小级别的标题,HTML会自动在标题两端插入额外的换行符。标题文本的格式规范为:标题文本
标题在版面中的排列方法通过属性align确定,可选择左对齐即lft, 或居中即center, 亦或右对齐即right, 若不指定则采用默认的左对齐方式。
一级标题
二级标题
一级标题
一级标题
2.1.3 换行标签
如果编辑网页内容只是为了换行,而不是从新段落开始,可以使用
标签。
标签将打断 HTML文档中正常段落的行间距和换行。
放在任意一行中都会使该行换行,如果
在行尾插入特定标记,能够促使后续内容、图形、数据等移至新行,同时避免行与行之间出现空白区域,这就是实现强制文本换行的目的。该换行符号的书写格式如下:文字
浏览器解析时,从这里断行,断行符号单独使用,能让网页显得清楚、规整。
2.1.4 水平线标签
横线能够充当段落与段落之间的界限,有助于文档显得条理清晰,层次分明。
水平线标签的格式为:
属性 size:设定线条粗细,以像素为单位,默认值为2。
线段的尺寸由属性width定义,其数值可以是绝对度量,即以像素为单位的精确长度,也可以是相对度量,表示为当前视窗尺寸的百分比形式
线条的颜色可以自行设定,系统初始设定为黑色,颜色值可以用英文名称输入,也可以用以“#”开头的十六进制数来指定。
2.1.5 预格式化标签
标签可定义预格式化的文本。被包围在标签里的文字经常维持空白和换行,而且文字显示时会使用统一宽度字体。标签经常用于标示电脑程序的原版文本,其格式化规范如下:
文本块2.1.6 缩排标签
块引用能够界定一段文字。凡是被它包裹的部分,都会和普通文本区分开来,通常在两侧产生空隙,偶尔还会呈现倾斜效果。这说明块引用占据着独立的区域。设置缩进格式的标签,其表达方式如下:
文本
2.1.7 案例
全球汇商城简介 100%正品保障
全球汇机构成立于2008年,历经十年,依靠其独有的折扣形式,挑选世界优质商品,提供大幅度优惠,根据电子商务研究中心在2018年6月公布的《2017年度中国网络零售市场数据监测报告》显示,全球汇在B2C领域交易占比呈现积极态势,稳居第三名。 唯品会经营着全球规模首屈一指的特卖业务,同时也是国内排名第三的在线零售平台。
全球汇承诺:全球直采:货源保障,全球布局 直采全世界好货。
入仓全检:质检保障,独立自理仓库坚持入仓全检验。
自营物流:物流保障,自营物流封闭操作全程可溯。
假货必赔:第三方保障,中国人保正品保险,假货必赔。
2.2 超链接
一个站点包含许多页面,设立链接有助于页面间切换,让站点内各页面紧密关联,这是网页中必不可少的构成要素。链接本质上是网络的一部分,只有借助链接将所有网页串联起来,才能形成一个完整的站点。
页面之间的链接 免费注册 账户登录2.1.1 超链接简介2.1.1.1 超链接的定义
超链接是一种连接关系,它从一个网页指向特定的目标,这个目标可能是另一个网页,也可能是同一个网页上的不同部分,还可能是图片、电子邮件地址、文件或应用程序。
2.1.1.2 超链接的分类
超链接的类别依据其指向的目标文件而异,包括页面链接、位置链接和邮件链接等,同时依据可点击的区域,又可划分为文本链接、图形链接和图形区域链接等。
2.1.1.3 路径
网址是网络上的特定标识,每个站点都具备唯一定位符,用于访问具体资源。
路径一般存在三种形式,分别是完整路径,从根开始的相对路径,以及从当前文档开始的相对路径。
2.2.2 超链接的应用
超链接的别称是锚点,它借助标签来定义,存在两种表达形式,其一借助标签的href属性来构建超文本链接,用以指向本文件内的其他段落或不同文件,此时当前文件充当链接的发起方,href属性的内容即为URL的指向;其二借助标签的name属性或id属性来在本文件内设立一个内部标记,作为文档内部的书签。
2.2.2.1 锚点标签···
HTML借助元素来构建一个链接,这个元素常被称为锚点。创建超链接的元素以开始,以结束。锚点能够指向网络上的各种资源,比如一个HTML文档、一张图片、一段音频或视频资料等。这个元素的写法如下:
文本文字
用户能够通过点击和标签中间的文字来浏览网页,和标签中间的文字通常会用颜色和下划线突出显示,target属性用于指定链接被点击后新窗口的打开方式,具体有四种设置,第一种是blank,这种设置会在新窗口中展示被链接的文档。
(2)self:默认值。在相同的框架中打开被链接的文档。
(3)parent:在父框架集中打开被链接的文档
(4)top:在整个窗口中打开被链接的文档
2.2.2.2 指向其他页面的超链接
建立指向其他页面的链接,就是将当前页面和有关联的页面连接起来,依据目标文件和当前文件的文件夹位置关系,存在四种不同的书写方式
1.链接到同一目录:热点文本
2.链接到下一级目录:热点文本
3.链接到上一级目录:热点文本
4.链接到同级目录:热点文本
2.2.2.3 指向书签的超链接、
书签名记录在标签的name属性里,格式是目标文本周边的文字
内部链接指向页面内特定标记的位置,要实现页面内的标记链接,需要用到两个元素:一个作为链接元素,另一个作为标记元素。链接元素的格式包括提示性文字,后面跟着标记元素的名称
即单击“热点文本”,将跳转到“记号名”开始的网页元素。
2.2.2.4 指向下载文件的超链接
要创建指向可下载文件的链接,只需要在地址栏中填入文件存放的路径,用户点击该链接时,浏览器会自动识别文件格式,然后根据不同类型采取相应操作。
指向下载文件的超链接语法:
2.2.2.5 指向电子邮件的超链接
你可能想看: