My html snippets and...half-snippets

a (link, anchor)

a = <a href="_">_</a>

examples
<a href="#..."> </a> internal link
<a href="https://..."></a> external link
<a href="https://..." download> </a> download file
<a href="https://..." download="_"> </a> download file, optionally with different name

a1 = <a href="_">
a2 = </a>

abla = <a href="_" target="_blank">_</a> Opening link in a new tab

abla1 = <a href="_" target="_blank">
a2 = </a> is closing tag, also for abla.

abbr (abbreviation)
abbr = <abbr title="-">-</abbr>

abbr1 = <abbr title="-">

abbr2= </abbr>

address

example: <a href="mailto: john@example.com">John</a>
address = a href="mailto: _">

addr1 = <a href="mailto: _">

addr2= </a>

article
article = <article>_</article>

art1 = <article>

art2= </article>

aside
aside = <aside>_</aside>

aside1 = <aside>

aside2= </aside>

audio
audio = <audio>_</audio>

audio1 = <audio>

audio2= </audio>

blockquote
bq = <blockquote>_</blockquote>

bq1 = <blockquote>

bq2= </blockquote>

body
body =<body>_</body>

body1 = <body>

body2= </body>

b (bold)
b =<b>_</b>

b1 = <b>

b2= </b>

br (break)
br = <br>

btn (button)
btn = <button type="button" onclick="">_</button>

btn1 = <button type="button" onclick="">

btn2= </button>

cite
cite = <cite>_</cite>

cite1 = <cite>

cite2= </cite>

class
cl = class="_"

code
code = <code>_</code>

code1 = <code>

code2= </code>

comment
comment = 

details
details = <details> <summary>_</summary><p>_</p> </details>

details1 = <details> <summary>

details2= </summary>_ </details>

dialog
dialog=<dialog>_</dialog>
dlg = <dialog open id="modal"> <h1>_</h1> <img src="" alt=""> <p> Click Close to close modal. <form method="dialog"> <button class="">Close</button> </form> </dialog>

div
div = <div>_</div>

div1 = <div>

div2= </div>

emphasis
em = <em>_ </em>

em1 = <em>

em2= </em>

embed
embed = <embed src="_" width="_" height="_">

figure
figure= <figure><img src="_"><figcaption>_</figcaption></figure>
fig= <figure><img src="_"><figcaption>_</figcaption></figure>

footer
footer= <footer>_</footer>

footer1 = <footer>

footer2= </footer>

h1
h1= <h1>_</h1>

h2
h2= <h2>_</h2>

h3
h3= <h3>_</h3>

h4
h4= <h4>_</h4>

h5
h5= <h5>_</h5>

h6
h6= <h6>_</h6>

header
header = <header>_</header>

header1 = <header>

header2 = </header>

hr (horizontal line)
hr = <hr>

html
html5 = <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="refresh" content="" >
<link rel="icon" type="image/x-icon" href="%cursor%">
<link rel="stylesheet" href="%cursor%">
<script src="_"></script>
</head>
<body>
%cursor%
</body>
</html>

id
id = id="_"

image
img = <img src="-" alt="_">

italic
i = <i>_</i>

i1 = <i>

i2 = </i>

keyboard
kbd = <kbd>_</kbd>

li (list-item)
li = <li>_</li>

li1 = <li>

li2= </li>

link rel="icon" (favicon)
linkicon=<link rel="icon" href="_">

link rel="stylesheet"
linkstyle= <link rel="stylesheet" type="text/css" href="_">

main
main = <main>_</main>

main1 = <main>

main2= </main>

mark
mark = <mark>_</mark>

mark1 = <mark>

mark2= </mark>

meta-viewport
meta-viewport = <meta name="viewport" content="width=device-width, initial-scale=1">

meta-refresh
( To be placed in <head>. Remove the '3', when done editing)

meta-refresh = <meta http-equiv="refresh" content="3">

nav
nav = <nav>
<a href="#">Home</a>
<a href="#">Garden</a>
<a href="#">Birds</a>
<a href="#">Blog</a>
</nav>

nav1 = <nav>

nav2= </nav>

ol (ordered list)
ol = <ol>_</ol>

ol1 = <ol>

ol2= </ol>

p (paragraph)
p = <p>_</p>

p1 = <p>

p2= </p>

pre
pre = <pre>_</pre>

pre1 = <pre>

pre2= </pre>

pre+code
preco = <pre><code>_</code></pre>

preco1 = <pre><code>

preco2= </code></pre>

quote
q = <q>_</q>

q1 = <q>

q2= </q>

section
section = <section>_</section>

section1 = <section>

section2= </section>

script
script = <script>_</script>

script1 = <script>

script2= </script>

small
small = <small>_</small>

small1 = <small>

small2= </small>

span
span = <span>_</span>

span1 = <span>

span2= </span>

strike
s = <s>_</s>

s1 = <s>

s2= </s>

strong
str = <strong>_</strong>

str1 = <strong>

str2= </strong>

style
style = <style>_</style>

style1 = <style>

style2= </style>

sub
sub = <sub>_</sub>

sub1 = <sub>

sub2= </sub>

sup
sup = <sup>_</sup>

sup1 = <sup>

sup2= </sup>

target
target = target="_blank"

textarea
txta = <textarea>_</textarea>

txta1 = <textarea>

txta2= </textarea>

title
title = <title>_</title>

title1 = <title>

title2= </title>

tooltip
tltp = title="_"
tooltip = title="_"

underline
u = <u>_</u>

u1 = <u>

u2= </u>

unordered list
ul = <ul>_</ul>

ul1 = <ul>

ul2= </ul>

video
video = <video controls><source src="_"></video>

Extra in my snippets.conf

emoji (name + Tab)
angry=😠 blush=😳 cool=😎 happy=😊 lol=😄 sml=😀 sun=🌞 tongue=😛 wink=😉 worry=😟

finding the ideal line length: 2,5 x alphabet.
alph=abcdefghijklmnopqrstvwxyzabcdefghijklmnopqrstvwxyzabcdefghijklm

ungrid

ungrid2=<div class="row">
<div class="col">_</div>
<div class="col">_</div>
</div>

ungrid3=<div class="row">
<div class="col">_</div>
<div class="col">_</div>
<div class="col">_</div>
</div>

ungrid4=<div class="row">
<div class="col">_</div>
<div class="col">_</div>
<div class="col">_</div>
<div class="col">_</div>
</div>

--> Lorem ipsum: removed, use the 'Lipsum' Geany plugin instead.
--> toggletip: removed, too complicated!