diff --git a/tips/html-datalists.md b/tips/html-datalists.md
new file mode 100644
index 0000000..f95c5d8
--- /dev/null
+++ b/tips/html-datalists.md
@@ -0,0 +1,15 @@
+---
+title: "HTML Datalists with pre-defined options <datalists>"
+language: "html"
+twitter: "-"
+---
+
+<input list="libraries" name="library" id="library">
+  <datalist id="libraries">
+    <option value="ReactJS">
+    <option value="AngularJS">
+    <option value="JQuery">
+    <option value="D3.js">
+    <option value="Glimmer">
+  </datalist>
+<input type="submit">
\ No newline at end of file
diff --git a/tips/html-download-file.md b/tips/html-download-file.md
new file mode 100644
index 0000000..39b77a0
--- /dev/null
+++ b/tips/html-download-file.md
@@ -0,0 +1,13 @@
+---
+title: "HTML Download attribute (.img, .pdf, .png, .jpeg, .txt, .html, ..etc)"
+language: "html"
+twitter: "-"
+---
+
+<a
+href="data:image/png;base64,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"  
+download="html5_logo">
+
+Download HTML5 logo
+
+</a>
\ No newline at end of file
diff --git a/tips/html-legend-element.md b/tips/html-legend-element.md
new file mode 100644
index 0000000..f74c8f1
--- /dev/null
+++ b/tips/html-legend-element.md
@@ -0,0 +1,16 @@
+---
+title: "HTML Legend element (defines caption for fieldset)"
+language: "html"
+twitter: "-"
+---
+
+<form>
+ <fieldset>
+  <legend>Personal Info:</legend>
+  <label for="fname">First name:</label>
+  <input type="text" id="fname" name="fname"><br><br>
+  <label for="lname">Last name:</label>
+  <input type="text" id="lname" name="lname"><br><br>
+  <input type="submit" value="Submit">
+ </fieldset>
+</form>
\ No newline at end of file