详解网页中水平分割线、段落和标题要如何表示

  每个web前端网页中都会有一篇结构清晰的文章,通常都有分隔的横线,还有标题和段落,那么黑马先锋web前端培训告诉你在网页中的水平分割线、段落和标题具体要怎么表示才能显示的恰当呢?

 
        在信息展示时,有时会需要加一些用于分隔的横线,水平线可以对不同的内容部分进行有效隔离,使得文档结构清晰,层次分明。那么在网页中水平分割线怎么添加呢,下面说明下。
 
        水平线可以通过<hr/>标记来完成,基本语法格式如下:
        <hr/>是单标记,在网页中输入一个<hr/>,就添加了一条默认样式的水平线。
 
       align:设置水平线的对齐方式。可选择left、 right、 center三种值,默认为center,居中对齐。
       Size:设置水平线的粗细。以像素为单位,默认为2px。
       Color:设置水平线的颜色。可用颜色名称、十六进制#RGB、rgb(r,g,b)
       Width: 设置水平线的宽度。可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100%。
web前端网页
 
       网页中段落和标题怎么表示?
 
       一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外。为了使网页中的文字有条理地显示出来,HTML提供了相应的标记,对它们的具体介绍如下
 
       (1)标题标记<h1>——<h6>
        为了使网页更具有语义化,经常会在页面中用到标题标记,HTML提供了6个等级的标题,即<h1>、<h2>.<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>字号依次递减。其基本语法格式如下:
 
         <hn align=”对齐方式”> 标题</hn>
 
       上述语法中n的取值为1-6, align属性为可选属性,用于指定标题的对齐方式,用于标题对齐方式,具体实例代码如下:
 
       <h1>1级标题</h1>
       <h2>2级标题</h2>
       <h3>3级标题</h3>
       <h4>4级标题</h4>
       <h5>5级标题</h5>
       <h6>6级标题</h6>
 
  默认情况下标题文字是加粗左对齐的,并且从<hb>到<h6>字号依次递减。如果想让标题文字右对齐或居中对齐,就需要使用align属性设置对齐方式取值如下
 

  lef: 设置标题文字左对齐(默认值)。

  center: 设置标题文字居中对齐。

  right: 设置标题文字右对齐。

详解网页中水平分割线、段落和标题要如何表示
       注意:
       1)一个页面中只能使用一个<h1>标记,常常被用在网站的logo部分。
       2)由于h标记拥有确切的语义,请慎重选择恰当的标记来构建文档结构。禁止仅仅使用h标记设置文字加粗或更改文字的大小。
 
       3)段落标记<p>在网页中要把文字有条理地显示出来,离不开段落标记。就如同平常写文章一样,整个网页也可以分为若干段落,而段落的标记就是<P>。默认情况下,文本在段落中会据浏览器窗口的大小自动换行。<p>是HTML文档中最常见的标记,其基本语法格式如下
 
      < p align=”对齐方式">段落文本</p>
 
      上述语法中 align属性为<p>标记的可选属性,和标题标记<h><h6>一样,同样可以使用 align属性设置段落文本的对齐方式。
 

  以上就是黑马先锋给大家介绍的“黑马web前端培训详解在网页中水平分割线、段落和标题要怎么表示”,希望本文对您有所帮助,想要找到一个好的java培训机构的话还是要去这家机构进行实地考察的,只有考察过了才会知道这家web前端培训机构的真实情况。黑马先锋欢迎每位想要学习web前端技术的学员来我们公司进行实地考察。

 

学习之路,你我同行!
重要请点击:黑马先锋技术官网全部课程视频
黑马先锋培训官网—口口相传的IT技术教育平台,免费一对一全程提供技术指导,让每个学员所报的课程都能够完全掌握,从理论到实战;黑马先锋提供学员线下免费试听,优质的课程讲学,帮助学员进行一系列课程+视频+实战,官网咨询热线:13121380081 黑老师


本文来自黑马先锋培训学院原创文章,转载请注明来自:http://www.heima51.com/Web/241.htm

您可能还会对下面的文章感兴趣: