My html snippets and...half-snippets
a (link, anchor)
abbr (abbreviation)
address
article
aside
audio
blockquote
body
b (bold)
br (break)
btn (button)
cite
class
code
comment
details
dialog
div
emphasis
embed
figure
footer
h1
h2
h3
h4
h5
h6
header
hr (horizonal line)
html
id
image
italic
keyboard
li (list-item)
link rel="icon" (favicon)
link rel="stylesheet"
main
mark
meta-viewport
meta-refresh
nav
ol (ordered list)
p (paragraph)
pre
pre+code
quote
section
script
small
span
strike
strong
style
sub
sup
target
textarea
title
tooltip
underline
unordered list
video
some extra stuff
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
<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>
- 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)
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=abcdefghijklmnopqrstvwxyzabcdefghijklmnopqrstvwxyzabcdefghijklmungrid
<div class="col">_</div>
<div class="col">_</div>
</div>
<div class="col">_</div>
<div class="col">_</div>
<div class="col">_</div>
</div>
<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!