SSL
html tutoreal https://www.w3schools.com/html/html_xhtml.asp
colors 0->9  a-> f   = bleker    000000= zwart   ffffff= wit
<p style=”background-color:Tomato;color:Tomato;border:2px solid Tomato;””>Lorem ipsum…</p>
 class=”    3     .city {background-color: tomato;color: white;border: 2px solid black;margin: 20px;padding: 20px;}
 

non-semantic elements: <div> and <span> - Tells nothing about its content.
semantic elements: <form><table>, and <article> - Clearly defines its content.

  • <article>      <aside>   <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>
HTML Semantic Elements

<body> <nav>
<a href=”/html/”>HTML</a> |
<a href=”/css/”>CSS</a> |
<a href=”/js/”>JavaScript</a> |
<a href=”/jquery/”>jQuery</a>
</nav>

<p>I will display &euro;</p>

++++++++++++++++++++++++++++++++++++++++++++++++++

…..gre {background-color: #cfff9f;}….
…..gr1 {background-color: #f7f7f7;}….
…..gr2 {background-color: #f3f3f3;}….
…..gr3 {background-color: #F0f0f0;}….
……blu {background-color: #ddffff;}….
….blu2 {background-color: #1c7694;text-decoration:none;color: #fafafa;}….
…..blu3 {background-color: #6ec5e2;text-decoration:none;color: #fafafa;}}….
…..or {background-color: #ff6633;color: #FFFFFF;}….
…..orb {background-color: #ff6633;color: #00ffff;}….
……red {background-color: #ffe2e2;}….
……red {background-color: #ffe2e2;}}….
……red3 {background-color: #e13b7b;text-decoration:none;color: #fafafa;}….
……rd {color: #aa1341;text-decoration:none;}….
…….r {color: #f81e79;text-decoration:none;font-weight:bold;}…
…….rl{color: #e13b7b;text-decoration:none;}….
…….z {color: #000000;text-decoration:none;}….
…….g {color: #666666;text-decoration:none;}….
…….w {color: #fafafa;text-decoration:none;}….
 
++++++++++++++++++++++++++++++++++++++++++++++++++++
 
txtd background-color: #529bda; color:#fafafa
txtc background-color: #ffffff; color:#333333;
txtrred background-color: #ff6c9b; color:#fafafa
brd background-color: #aa1341
br background-color: #d42157
brl {background-color: #e13b7b;text-decoration:none;}
bbdd {background-color: #105d77;text-decoration:none;}
bbd {background-color: #26697f;text-decoration:none;}
bb {background-color: #1c7694;text-decoration:none;}
.bbl {background-color: #6ec5e2;text-decoration:none;}
.byd {background-color: #bfb715;text-decoration:none;}
.by {background-color: #ede425;text-decoration:none;}
.byl {background-color: #faf474;text-decoration:none;}
txtr brd
txtr br
txtr brl
txtr bbdd
txtr bbd
brd background-color: #aa1341;
br background-color: #d42157
brl background-color: #e13b7b;

brd background-color: #aa1341;text-decoration:none;

text
text
text

bbdd background-color: #105d77;text-decoration:none;

txtr bbdd

bbd background-color: #26697f;text-decoration:none;

txtr bbdd

;
bb background-color: #1c7694;text-decoration:none;

txtr bbdd

;
bbl background-color: #6ec5e2;text-decoration:none;

txtr bbdd

;

byd background-color: #bfb715;text-decoration:none;

txtr bbdd

;
by background-color: #ede425;text-decoration:none;

txtr bbdd

;
byl background-color: #faf474;text-decoration:none;

txtr bbdd

;

.bro {color: #eed6d6;text-decoration:none;}
.w {color: #fafafa;text-decoration:none;}
.z {color: #000000;text-decoration:none;}
.g {color: #666666;text-decoration:none;}
.rd {color: #aa1341;text-decoration:none;}
.r , .R{color: #f81e79;text-decoration:none;} .R {font-weight:bold;}
.rl{color: #e13b7b;text-decoration:none;}

.bdd {color: #105d77;text-decoration:none;}
.bd {color: #26697f;text-decoration:none;}
.b {color: #1c7694;text-decoration:none;}
.bl {color: #6ec5e2;text-decoration:none;}

.yd {color: #f29c02;text-decoration:none;}
.y {color: #ede425;text-decoration:none;}
.yl {color: #faf474;text-decoration:none;}

Share This

Shiny Trinket

Shiny trinkets are shiny.