!5584 【OpenHarmony开源贡献者计划2022】Optimize the format specification and reduce the reading threshold.

Merge pull request !5584 from Mr_YX/master

en/application-dev/reference/arkui-ts/ts-drawing-components-circle.md

 # Circle
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**<br>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -36,7 +36,7 @@ Circle(options?: {width: Length, height: Length})
 
 ## Attributes
 
-  | Name | Type | Default Value | Mandatory | Description | 
+| Name | Type | Default Value | Mandatory | Description | 
 | -------- | -------- | -------- | -------- | -------- |
 | width | Length | 0 | No | Width of the rectangle where the circle is located. | 
 | height | Length | 0 | No | Height of the rectangle where the circle is located. | 
@@ -45,7 +45,7 @@ Circle(options?: {width: Length, height: Length})
 ## Example
 
   
-```
+```ts
 @Entry
 @Component
 struct CircleExample {

en/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md

 # Ellipse
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**<br>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -36,7 +36,7 @@ ellipse(options?: {width: Length, height: Length})
 
 ## Attributes
 
-  | Name | Type | Default Value | Mandatory | Description | 
+| Name | Type | Default Value | Mandatory | Description | 
 | -------- | -------- | -------- | -------- | -------- |
 | width | Length | 0 | No | Width of the rectangle where the ellipse is located. | 
 | height | Length | 0 | No | Height of the rectangle where the ellipse is located. | 
@@ -45,7 +45,7 @@ ellipse(options?: {width: Length, height: Length})
 ## Example
 
   
-```
+```ts
 @Entry
 @Component
 struct EllipseExample {

en/application-dev/reference/arkui-ts/ts-drawing-components-line.md

 # Line
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**<br>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -36,7 +36,7 @@ Line(options?: {width: Length, height: Length})
 
 ## Attributes
 
-  | Name | Type | Default Value | Mandatory | Description | 
+| Name | Type | Default Value | Mandatory | Description | 
 | -------- | -------- | -------- | -------- | -------- |
 | width | Length | 0 | No | Width of the rectangle where the straight line is located. | 
 | height | Length | 0 | No | Height of the rectangle where the straight line is located. | 
@@ -47,7 +47,7 @@ Line(options?: {width: Length, height: Length})
 ## Example
 
   
-```
+```ts
 @Entry
 @Component
 struct LineExample {

en/application-dev/reference/arkui-ts/ts-drawing-components-path.md

 # Path
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**<br>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -20,7 +20,7 @@ None
 
 ## Attributes
 
-  | Name | Type | Default Value | Mandatory | Description | 
+| Name | Type | Default Value | Mandatory | Description | 
 | -------- | -------- | -------- | -------- | -------- |
 | width | Length | 0 | No | Width of the rectangle where the path is located. | 
 | height | Length | 0 | No | Height of the rectangle where the path is located. | 
@@ -57,7 +57,7 @@ For example, the command **M0 20 L50 50 L50 100 Z** defines a path that starts f
 ## Example
 
   
-```
+```ts
 @Entry
 @Component
 struct PathExample {

en/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md

 # Polygon
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**<br>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -36,7 +36,7 @@ Polygon(value:{options?: {width: Length, height: Length}})
 
 ## Attributes
 
-  | Name | Type | Default Value | Mandatory | Description | 
+| Name | Type | Default Value | Mandatory | Description | 
 | -------- | -------- | -------- | -------- | -------- |
 | width | Length | 0 | No | Width of the rectangle where the polygon is located. | 
 | height | Length | 0 | No | Height of the rectangle where the polygon is located. | 
@@ -46,7 +46,7 @@ Polygon(value:{options?: {width: Length, height: Length}})
 ## Example
 
   
-```
+```ts
 @Entry
 @Component
 struct PolygonExample {

en/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md

 # Polyline
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**<br>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -36,7 +36,7 @@ Polyline(options?: {width: Length, height: Length})
 
 ## Attributes
 
-  | Name | Type | Default Value | Mandatory | Description | 
+| Name | Type | Default Value | Mandatory | Description | 
 | -------- | -------- | -------- | -------- | -------- |
 | width | Length | 0 | No | Width of the rectangle where the polyline is located. | 
 | height | Length | 0 | No | Height of the rectangle where the polyline is located. | 
@@ -46,7 +46,7 @@ Polyline(options?: {width: Length, height: Length})
 ## Example
 
   
-```
+```ts
 @Entry
 @Component
 struct PolylineExample {

en/application-dev/reference/arkui-ts/ts-drawing-components-rect.md

 # Rect
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**<br>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -39,7 +39,7 @@ Rect(value:{options?: {width: Length,height: Length,radius?: Length | Array&lt;L
 
 ## Attributes
 
-  | Name | Type | Default Value | Mandatory | Description | 
+| Name | Type | Default Value | Mandatory | Description | 
 | -------- | -------- | -------- | -------- | -------- |
 | width | Length | 0 | No | Width. | 
 | height | Length | 0 | No | Height. | 
@@ -51,7 +51,7 @@ Rect(value:{options?: {width: Length,height: Length,radius?: Length | Array&lt;L
 ## Example
 
   
-```
+```ts
 @Entry
 @Component
 struct RectExample {

en/application-dev/reference/arkui-ts/ts-drawing-components-shape.md

 # Shape
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+> **NOTE**<br>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -36,7 +36,7 @@ Shape(value:{target?: PixelMap})
 
 ## Attributes
 
-  | Name | Type | Default Value | Mandatory | Description | 
+| Name | Type | Default Value | Mandatory | Description | 
 | -------- | -------- | -------- | -------- | -------- |
 | viewPort | {<br/>x: Length,<br/>y: Length,<br/>width: Length,<br/>height: Length<br/>} | - | Yes | View port of the shape. | 
 | fill | Color | Black | No | Fill color. | 
@@ -61,7 +61,7 @@ Shape(value:{target?: PixelMap})
 ## Example
 
   
-```
+```ts
 @Entry
 @Component
 struct ShapeExample {