Commit 805fe4c2 authored by Patiphan Marak's avatar Patiphan Marak

week05

parent e6350ac0
...@@ -8,19 +8,23 @@ ...@@ -8,19 +8,23 @@
<body> <body>
<h1>Hello World!</h1> <h1>Hello World!</h1>
We are using node
<script>document.write(process.versions.node)</script><br> Chrome
<script>document.write(process.versions.chrome)</script><br>Electron
<script>document.write(process.versions.electron)</script>
<div class="w3-container"> <div class="w3-container">
<h2>Bordered Image</h2> Node version
<p>The w3-border class adds borders around the image.</p> <script>document.write(process.versions.node)</script>
<p>Padding added wil be inside the borders:</p> <br>
<img src="http://blog.builtinnode.com/post/2017-challenges-for-node-js#" class="w3-border" alt="Norway" style="padding:4px;width:50%"> <img src="http://share.olanlab.com/userfiles/olan/images/nodejs/nodejs-logo(1).jpg" class="w3-border" alt="Norway" style="padding:4px;width:50%">
<br> Chrome version
<script>document.write(process.versions.chrome)</script>
<br>
<img src="https://lh3.googleusercontent.com/nYhPnY2I-e9rpqnid9u9aAODz4C04OycEGxqHG5vxFnA35OGmLMrrUmhM9eaHKJ7liB-=w300-rw"
class="w3-border" alt="Norway" style="padding:16px;width:50%">
<br> Electron version
<script>document.write(process.versions.electron)</script>
<br>
<img src="https://hackr.io/tutorials/learn-electron/svg/electron_logo" class="w3-border" alt="Norway" style="padding:16px;width:50%">
<p>More padding:</p>
<img src="https://www.w3schools.com/w3css/img_fjords.jpg" class="w3-border" alt="Norway" style="padding:16px;width:50%">
</div> </div>
</body> </body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment