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>
<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 €</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;}