博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
第8章 组织内容
阅读量:5799 次
发布时间:2019-06-18

本文共 7537 字,大约阅读时间需要 25 分钟。

hot3.png

一、建议段落

      p:

I like apples and oranges. I also like bananas, mangoes, cherries, apricots, plums, peaches and grapes. You can see other fruits I like here.

Warning: Eating too many oranges can give you heart burn.

My favorite kind of orange is the mandarin, properly known as citrus reticulata. Oranges at my local store cost $1 each $2 for 3.

The FDOC regulates the Florida citrus industry.

I still remember the best apple I ever tasted. I bought it at on .

二、DIV

       没有具体含义如果找不到合适的元素,可以找他建立结构,它的含义是由全局属性提供的

       缺点:只限于设计者的网页或web应用系统,别人并不了解。

I like apples and oranges. I also like bananas, mangoes, cherries, apricots, plums, peaches and grapes. You can see other fruits I like here.

My favorite kind of orange is the mandarin, properly known as citrus reticulata. Oranges at my local store cost $1 each $2 for 3.

Warning: Eating too many oranges can give you heart burn.

The FDOC regulates the Florida citrus industry.

I still remember the best apple I ever tasted. I bought it at on .

 三、预先编排好格式的内容(pre)

        浏览器不会编程pre元素里的内容,比如说浏览器会把几个连续的空格合成一个,但是如果用了pre元           素的话就是保存原来的样式;pre元素经常和code这一类的元素一起使用。

    var fruits = ["apples", "oranges", "mangoes", "cherries"];    for (var i = 0; i < fruits.length; i++) {        document.writeln("I like " + fruits[i]);    }        
var fruits = ["apples", "oranges", "mangoes", "cherries"]; for (var i = 0; i < fruits.length; i++) { document.writeln("I like " + fruits[i]); }

 四、引有别处的内容(blockquote):

       表示是引用的别处的内容,局部属性cite表示出自哪里的url

I like apples and oranges. I also like bananas, mangoes, cherries, apricots, plums, peaches and grapes. You can see other fruits I like here.

My favorite kind of orange is the mandarin, properly known as citrus reticulata. Oranges at my local store cost $1 each $2 for 3.

The apple forms a tree that is small and deciduous, reaching 3 to 12 metres (9.8 to 39 ft) tall, with a broad, often densely twiggy crown. The leaves are alternately arranged simple ovals 5 to 12 cm long and 3? centimetres (1.2?.4 in) broad on a 2 to 5 centimetres (0.79 to 2.0 in) petiole with anacute tip, serrated margin and a slightly downy underside. Blossoms are produced in spring simultaneously with the budding of the leaves. The flowers are white with a pink tinge that gradually fades, five petaled, and 2.5 to 3.5 centimetres (0.98 to 1.4 in) in diameter. The fruit matures in autumn, and is typically 5 to 9 centimetres ( 2.0 to 3.5 in) in diameter. The center of the fruit contains five carpels arranged in a five-point star, each carpel containing one to three seeds, called pips.

Warning: Eating too many oranges can give you heart burn.

The FDOC regulates the Florida citrus industry.

I still remember the best apple I ever tasted. I bought it at on .

五、增加主题分离

      hr:代表向另一相关主题转换

I like apples and oranges. I also like bananas, mangoes, cherries, apricots, plums, peaches and grapes. You can see other fruits I like here.

My favorite kind of orange is the mandarin, properly known as citrus reticulata. Oranges at my local store cost $1 each $2 for 3.

The apple forms a tree that is small and deciduous, reaching 3 to 12 metres (9.8 to 39 ft) tall, with a broad, often densely twiggy crown.

The leaves are alternately arranged simple ovals 5 to 12 cm long and 3? centimetres (1.2?.4 in) broad on a 2 to 5 centimetres (0.79 to 2.0 in) petiole with anacute tip, serrated margin and a slightly downy underside. Blossoms are produced in spring simultaneously with the budding of the leaves.

The flowers are white with a pink tinge that gradually fades, five petaled, and 2.5 to 3.5 centimetres (0.98 to 1.4 in) in diameter. The fruit matures in autumn, and is typically 5 to 9 centimetres ( 2.0 to 3.5 in) in diameter.

The center of the fruit contains five carpels arranged in a five-point star, each carpel containing one to three seeds, called pips.

Warning: Eating too many oranges can give you heart burn.

The FDOC regulates the Florida citrus industry.

I still remember the best apple I ever tasted. I bought it at on .

六、将内容组织成列表

      1、有序列表(ol):项目用li表示--

            局部属性:start、reversed、type(1,A。。。)

I like apples and oranges.                I also like:        
  1. bananas
  2. mangoes
  3. cherries
  4. plums
  5. peaches
  6. grapes

      2、无序列表(ul):项目用li表示 

        项目号的样式由list-style-type控制

I like apples and oranges.                I also like:        
  • bananas
  • mangoes
  • cherries
  • plums
  • peaches
  • grapes

      3、li:表示列表中的项目

I like apples and oranges.                I also like:        
  1. bananas
  2. mangoes
  3. cherries
  4. plums
  5. peaches
  6. grapes

      4、生成列表说明(dl,dt,dd)

             dl:表示说明列表

             dt:表示说明列表中的术语

             dd:表示说明列表中的定义

I like apples and oranges.                I also like:                
Apple
The apple is the pomaceous fruit of the apple tree
Malus domestica
Banana
The banana is the parthenocarpic fruit of the banana tree
Musa acuminata
Cherry
The cherry is the stone fruit of the genus
Prunus

      5、生成自定义列表

            列子是一个复杂的列表,不做过多的深入,后续会了解,只要知道ul能够做很复杂的列表

            Example        
I like apples and oranges. I also like:
  • bananas
  • mangoes, including:
    • Haden mangoes
    • Keitt mangoes
    • Kent mangoes
  • cherries
  • plums, including:
    • Elephant Heart plums
    • Stanley plums
    • Seneca plums
  • peaches
  • grapes
You can see other fruits I like here.

   七、使用插图figure:

       一个独立的内容单元,可带标题,通常 作为一个整体被文档的主体引用,删除了也不会影响文档的意       思  

       figcaption表示插图的标题,必须放在最后或者是最前面

        列子生成了将code元素裹在其中的插图

I like apples and oranges.                
Listing 23. Using the code element
var fruits = ["apples", "oranges", "mangoes", "cherries"];
document.writeln("I like " + fruits.length + " fruits");

 

转载于:https://my.oschina.net/u/2285087/blog/809221

你可能感兴趣的文章
Linux下设置svn开机自启动
查看>>
java只能的round,ceil,floor方法的使用
查看>>
雷公藤多甙治疗类风湿关节炎遭质疑
查看>>
Web前端开发学习误区,你掉进去了没?
查看>>
由于无法创建应用程序域,因此未能执行请求。错误: 0x80070002 系统找不到指定的文件...
查看>>
新开的博客,为自己祝贺一下
查看>>
numpy模块资源
查看>>
puppet任务计划
查看>>
nw打包
查看>>
【CQOI2011】放棋子
查看>>
一起来读多视图几何
查看>>
创新工场面试题——输出螺旋矩阵
查看>>
图片转流
查看>>
20145319 第二周学习总结
查看>>
Vue-route页面切换过渡动画
查看>>
C++构造函数重载以及默认参数引起的二义性
查看>>
Oracle拆分字符串,字符串分割的函数<转载>
查看>>
学习记录----简单的原生js路由
查看>>
Java中final的用法总结
查看>>
CodeKata
查看>>