前端：HTML/02/排版标记，块元素，行内元素，html字符实体，列表标记，图片标记

html排版标记

<p></p> :表示一个段落

常用属性：align :水平对齐方式，取值：left(左)，center(居中),right(右)

换行标记<br>

水平线标记（单边标记）：<hr>

    size:水平线的粗细，单位一般为px(像素)
    color:水平线的颜色
    width:水平线的宽度
    noshade:去掉水平线的阴影（在html中，noshade是没有值的属性）

<pre></pre> :预排版标记

功能：将保留所有的空白字符（空格，换行符），换句话说：就是原封不动的输出
语法：<pre>排版好的内容</pre>

标题标记 ：<h1>…<h6>

功能：定义各种标题
唯一属性：align水平对齐方式（left,center,right）
加其它属性可用<font>标记

<div>和<span>标记

<div>是没有意义的标记，用于划块，使用频繁；<div>一般要与css配合使用。
<div>是一个块元素
&span>是没有意义的标记，用于划行,使用频繁；<span>一般要与css配合使用。
<span>是一个行元素

块元素：块元素一般单独占一行，不管内容多少，总是占一行。块元素有：<div>,<p>,<h1>,<h6>等

行内元素：行内元素不会独占一行；多个行内元素，会在同一行；行内元素有：<font>,<b>,<i>,<u>,<sup>,<sub>等

注意：行内元素没有width和height属性，宽和高主要由内容决定，（对于行内元素使用了这两个属性也不会起效），但块元素有width和height属性；
结论：在标记嵌套时，一般块元素中嵌套行内元素。

html字符实体

空格：&nbsp 分号（;）

<：&lt 分号（;）

>：&gt 分号（;）

&：&amp 分号（;）

乘号：&times 分号（;）

除号：&divide 分号（;）

html项目符号（无序列表）

<ul>
    <li>内容1</li>
    <li>内容2</li>
    <li>内容n</li>
</ul>
<ul>和<li>的常用属性
type:项目符号的类型，取值：disc(小黑点),circle(空心圆),square(实心方块)。
例：

• html超文本标注语言
• css层叠样式表
• JavaScript客户端脚本程序
• Apache服务器
• ### html编号列表(有序列表)

  <ol>
      <li>内容1</li>
      <li>内容2</li>
      <li>内容n</li>
  </ol>

  <ol>或<li>的常用属性

  type:编号类型，取值：1，a，A，i，I
  start:从第几个开始编号（数字）。
  

  滚动字幕标记<marquee>

  语法格式：<marquee>滚动的内容</marquee>
  常用属性：
  Direction :滚动方向，取值：up,down,left,right
  Width:滚动宽度
  Height:滚动高度
  bgColor:滚动背景色
  scrollAmount :滚动步长值，越大越快；
  scrollDelay:两步之间的停留时间，单位：毫秒，1秒=1000毫秒
  loop:循环滚动的次数

  图片标记<img>

  性质：行内元素，单边标记
  语法格式：<img 属性 =“值”>
  常用属性：
  Border :图片边框粗细
  Src:图片的路径（相对路径）
  Align :图片的水平对齐方式（在此为浮动效果），取值：left,center,right
  Width:图片宽度，单位：像素（px）
  Height:图片高度，单位：像素（px）
  Hspace :图片与左右文字的距离（水平距离）
  Vspace:图片与上下文字之间的距离（垂直距离）
  注意：如果图片想等比例绽放，则只指定 width或height其中一个
  Align属性只能让文本居中，不能让图片单独居中，Align可以实现“图文混排”效果，常使align="left|right"

  @沉木