博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
Unity接入谷歌支付
查看>>
laravel 使用 vue (gulp)
查看>>
QT 信号槽connect中解决自定义数据类型或数组作为函数参数的问题——QT qRegisterMetaType 注册MetaType——关键:注册自定义数据类型或QMap等容器类...
查看>>
HTTP之二 http 301 和 302的区别
查看>>
从源码看集合ArrayList
查看>>
Gephi
查看>>
git 入门宝典
查看>>
spring-boot支持websocket
查看>>
菜鸟笔记(一) - Java常见的乱码问题
查看>>
移动web端自定义tap与模拟hover效果
查看>>
[译] Java 8 Nashorn 教程
查看>>
我理想中的前端工作流
查看>>
记一次Git异常操作:将多个repository合并到同一repository的同一分支
查看>>
CodeIgniter 3.0 新手捣鼓源码(一) base_url()
查看>>
Chrome 广告屏蔽功能不影响浏览器性能
查看>>
cents 5.8下安装redmine-2.4.5
查看>>
python全局变量-局部变量用法和区别
查看>>
Open×××服务器的安装与客户端的调试
查看>>
shell脚本变量和字符串截取
查看>>
网站伪静态设置
查看>>