美文网首页
HTML-页面的文本组织

HTML-页面的文本组织

作者: 钎探穗 | 来源:发表于2016-05-13 11:08 被阅读22次

1;段落

p元素的具体功能是作为段落的一个容器,在段落开始处使用p元素的开始标记<p>,在段落的结尾处使用</p>在默认情况下p标记会在段落前和后各强制产生一个空行,以提高可读性,因此没有进行缩进的必要。浏览器忽略使用键盘输入的任何制表符和多个空格字符。

2;换行符

使用br标记来添加换行符,br标记会导致浏览器在该行上停止输出文本,并换到页面上的下一行继续输出。只简单的在HTML文件中重复添加多个br标记即可进行多次换行。

pre是preformat (预格式化)的简写,pre标记通常以等宽字体来显示文本。

3;引用快

blockquote元素用于分隔从其他源引用的内容,默认情况,该元素将对整个引用的文本的左右两侧同时进行缩进,在文本的前后分别添加一个空行。不同的浏览器,引用文本的左右两侧的缩进不同。【在blockquote元素的内容中,可包含br元素或p元素,也可根据需要添加blockquote元素】

4;Box属性

Web页面上的每一个元素都包含在一个框模型中,通过调整框的维度可格式化页面上的内容,或指定该内容与浏览器边界的间距应该是多少。

box-sizing属性设置为border-box时,整个框的高度和宽度包含内容框和内边距值。
box-sizing属性设置为content-box时,整个框的高度和宽度不包含边框和内边距值。
  • 内边距值用padding属性来设置(可以分别按top,right,bottom,left来设置)也可写为
    blockquote {padding:25px 15px 20px 35px;}
    如果在4条边上都使用相同的内边距值,代码可简写为p {padding : 25px;}
  • 外边距值用margin属性来设置边框
    Eg: border-bottom-width:6px border-radius:25px

**5;对齐**

相关文章

  • HTML-页面的文本组织

    1;段落 p元素的具体功能是作为段落的一个容器,在段落开始处使用p元素的开始标记 ,在段落的结尾处使用 。在默认情...

  • HTML5 笔记

    //联系人:石虎QQ: 1224614774昵称:嗡嘛呢叭咪哄 HTML-超文本标记语言 XML-扩展标记语言 共...

  • H5竖屏模板

    【html-头部】 【html-内容区】 为了...

  • html概念

    1.web标准 -结构:html-表现:css-行为:javascript标准是由W3C组织制定的(万维网联盟组织...

  • html-文本属性

    text-align: (文本对其显示); center--居中显示 right--靠右显示 left--靠左显示...

  • python图形界面tk 1.5 文本框(Text box |

    目录页请猛击我 在tkinter中,文本框被称为Entry 执行上面代码得到下面的界面 点击按钮前: 在文本框中输...

  • php中网页转化为图片

    方式:HTML->PDF->JPG 第一步:HTML->PDF 利用mpdf将html转成pdf,基本解决了中文(...

  • CSS(四)文本样式设置

    颜色表及HTML代码(部分) 文本样式 文本样式:对齐方式、文本修饰文本转换、文本缩进.... 作用:美化、修饰页...

  • Day4‖2020吾微冬训营之渐入佳境

    不知不觉第四天了,文本标记已经成为日常,两张反正面的文本拿来就标,还记得你们第一天拿到一页文本时大喊的不要吗? r...

  • HTML5页面的特性

    :页头 :用于构建页面的导航 :用于构建页面内容的一部分 :表明页面的页脚或者跟元素部分 文本格式标签 主要用来标...

网友评论

      本文标题:HTML-页面的文本组织

      本文链接:https://www.haomeiwen.com/subject/idaprttx.html