improve readability

Tejas2805 · Tejas2805 · commit 9720d63b8d2e · 2020-03-04T18:40:22.000+08:00
diff --git a/docs/userGuide/syntax/pageHead.mbdf b/docs/userGuide/syntax/pageHead.mbdf
@@ -11,9 +11,9 @@ Steps:
 {{ icon_example }} Suppose you want to insert the code below into the `<head>` of a page, and you have saved the code as **`_markbind/head/`**`myCustomLinks.md`:
 
 ```html{.no-line-numbers}
-<script src="`{{ baseUrl }}`/js/myCustomScript.js"></script>
-<link rel="stylesheet" href="`{{ baseUrl }}`/css/main.css">
-<link rel="stylesheet" href="`{{ baseUrl }}`/css/extra.css">
+<script src="{{ baseUrl }}/js/myCustomScript.js"></script>
+<link rel="stylesheet" href="{{ baseUrl }}/css/main.css">
+<link rel="stylesheet" href="{{ baseUrl }}/css/extra.css">
 ```
 
 To specify that you want to insert `myCustomLinks.md` into the `<head>` of `myPage.html`, update the front matter of the `myPage.md` as follows:
@@ -32,13 +32,15 @@ To specify that you want to insert `myCustomLinks.md` into the `<head>` of `myPa
 
 {{ icon_example }} Here's how you can force the line `<script ... > ... </script>` to be inserted at the top of the `<head>` section.
 
-```html {.no-line-numbers} {highlight-lines="1,3"}
+````{.no-line-numbers}
+```html {highlight-lines="1,3"}
 <head-top>
-  <script src="`{{ baseUrl }}`/js/myCustomScript.js"></script>
+  <script src="{{ baseUrl }}/js/myCustomScript.js"></script>
 </head-top>
-<link rel="stylesheet" href="`{{ baseUrl }}`/css/main.css">
-<link rel="stylesheet" href="`{{ baseUrl }}`/css/extra.css">
+<link rel="stylesheet" href="{{ baseUrl }}/css/main.css">
+<link rel="stylesheet" href="{{ baseUrl }}/css/extra.css">
 ```
+````
 
 </div>
 
