Updated images to markdown.

Author: dobooth

docs/data.md

@@ -5,7 +5,7 @@
 The MFTF enables you to specify and use `<data>` entities defined in XML. Default `<data>` entities are provided for use and as templates for entity creation and manipulation.
 The following diagram shows the XML structure of an MFTF data object:
 
-<img src="img/data-dia.svg" />
+![MFTF Data Object](img/data-dia.svg)
 
 ## Supply data to test by reference to a data entity
 

docs/metadata.md

@@ -39,7 +39,7 @@ When a test step requires handling the specified data entity, the MFTF performs
 - Stores a response and provides access to its data using MFTF variables syntax in XML.
 
 The following diagram demonstrates the XML structure of a metadata file:
-<img src="img/metadata-dia.svg" />
+![Structure of metadata](img/metadata-dia.svg)
 
 ## Format {#format}
 

docs/page.md

@@ -19,7 +19,7 @@ Two types of pages are available:
 
 The following diagram shows the XML structure of an MFTF page:
 
-<img src="img/page-dia.svg" />
+![XML Structure of MFTF Page](img/page-dia.svg)
 
 ## Format
 

docs/section.md

@@ -21,7 +21,7 @@ Substitutable values in the test can be of the following formats:
 
 The following diagram shows the XML structure of an MFTF section:
 
-<img src="img/section-dia.svg%" />
+![XML Structure of MFTF section](img/section-dia.svg)
 
 ## Format
 

docs/test.md

@@ -14,7 +14,7 @@ The steps in `<after>` are run in both successful **and** failed test runs.
 
 The following diagram shows the structure of an MFTF test case:
 
-<img src="img/test-dia.svg"/>
+![Structure of MFTF test case](img/test-dia.svg)
 
 ## Format
 

docs/test/action-groups.md

@@ -1,12 +1,10 @@
 # Action groups
 
-<span style="text-align: right">_This topic was updated due to the 2.3.13 MFTF release._</span>
-
 In the MFTF, you can re-use a group of [actions][], such as logging in as an administrator or a customer, declared in an XML file when you need to perform the same sequence of actions multiple times.
 
 The following diagram shows the structure of an MFTF action group:
 
-<img src="../img/action-groups-dia.svg" />
+![Structure of MFTF action group](../img/action-groups-dia.svg)
 
 ## Principles
 

docs/tips-tricks.md

@@ -331,7 +331,7 @@ When possible, select the first parent tag and then specify the desired element
 
 **Why?** Elements that are overly specific are less flexible and may fail if unexpected DOM changes occur. It also reduces the amount of the DOM it needs to parse.
 
- <span stype="color:green">
+ <span style="color:green">
 GOOD:
 </span>
 
@@ -383,6 +383,8 @@ When working with input type `checkbox`, do not use the `click` action; use `che
 GOOD:
 </span>
 
+<!--{% raw %}-->
+
 ```xml
 <checkOption selector="{{ProductInWebsitesSection.website('Second Website')}}" stepKey="selectSecondWebsite"/>
 <uncheckOption selector="{{ProductInWebsitesSection.website('Second Website')}}" stepKey="unselectSecondWebsite"/>
@@ -395,4 +397,5 @@ BAD:
 ```xml
 <click selector="{{ProductInWebsitesSection.website('Second Website')}}" stepKey="selectSecondWebsite"/>
 <click selector="{{ProductInWebsitesSection.website('Second Website')}}" stepKey="unselectSecondWebsite"/>
-```
+```
+<!--{% endraw %}-->