5.HTML格式标签

1.br 强制换行标签

让后面的文字、图片、表格等等,显示在下一行

码海无际

码海无际
5_1.jpg

2.p 换段落标签

在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标签就是

码海无际

码海无际

5_2.jpg

3.hr 水平分割线标签

在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标签来完成,hr 就是创建横跨网页水平线的标签。

码海无际

码海无际
5_3.jpg

4.div 分区显示标签

分区显示标签,也称之为层标签,常用来编排一大段的HTML段落,也可以用于格式化表,和 p 很相似,是块状元素,经常嵌套使用。

码海无际
码海无际
码海无际
码海无际
5_4.jpg

5.span 行内标签

用来组合文档中的行内元素,没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。

码海无际
码海无际
5_5.jpg

6.pre 预格式化标签

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

    码海无际
    码海无际
5_6.jpg

7.ul 无序列表标签

无序列表的各个列表项之间没有顺序级别之分,是并列的。

  • 码海无际
  • 码海无际
  • 码海无际
5_7.jpg

注意:

 1. 
    中只能嵌套
  • ,直接在
      标签中输入其他标签或者文字的做法是不被允许的。 2.
    • 之间相当于一个容器,可以容纳所有元素。 3. 无序列表会带有自己样式属性,但是不推荐使用,一般会用CSS设置。

      8.ol 有序列表标签

      有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义

      1.格式:

      2.有序列表的type属性值:

      • 1:阿拉伯数字1.2.3等等,默认type属性值
      • A:大小字母A、B、C等等
      • a:小写字母a、b、c等等
      • Ⅰ:大写罗马数字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等
      • ⅰ:小写罗马数字ⅰ、ⅱ、ⅲ、ⅳ等等

      3.有序列表的value属性值:

      • 指定一个新的序列数字起始值

      4.列表可以进行嵌套

      1. 码海无际
      2. 码海无际
      3. 码海无际

      1. 码海无际
      2. 码海无际
      3. 码海无际

      1. 码海无际
      2. 码海无际
      3. 码海无际

      1. 码海无际
      2. 码海无际
      3. 码海无际
      4. 码海无际
      5. 码海无际

      1. 码海无际
      2. 码海无际
        1. 志存高远
        2. 志存高远
      3. 码海无际
      4. 码海无际
      5_8.jpg

      9.dl 自定义型列表标签

      对列表条目进行简短的说明

      软件说明:
      这是软件说明
      软件界面:
      这是软软件界面
      5_9.jpg

      10.center 居中对齐标签

      居中对齐

      码海无际
      5_10.jpg

      你可能感兴趣的:(5.HTML格式标签)