Kumpulan dasar Kode HTML - HTML Code

HTML CODE adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML
Berikut ini akan saya share basic kumpulan kode html / HTLM CODE. semoga bermanfaat.


Background Codes

1. HTML Background Color

<div style="background-color:GreenYellow;width:200px;border:1px solid black;padding:15px;"> <p>HTML background code is actually CSS!</p> </div>

HTML background code is actually CSS!

2. HTML Background Image Example

<div style="background-image:url('/pix/samples/bg1.gif');padding:5px;width:150px;height:200px;border:1px solid black;"> <p>See the background image?</p> </div>

See the background image?

3. HTML Background Music Code

<audio src="/music/good_enough.mp3" controls> <p>If you are reading this, it is because your browser does not support the audio element.</p> </audio>
If you are reading this, it is because your browser does not support the audio element.

Image Codes

1. Example Picture Code

<img src="/pix/samples/15m.jpg" style="max-width:100%" alt="Sample picture">

2. HTML Image Borders

<img style="max-width:95%;border:6px outset #545565;" src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" alt="Milford Sound in New Zealand" />

Texs Codes

1. HTML Texs

<span style="background-color: red;"><span style="font-family: &quot;arial&quot;; font-size: 14px; font-style: italic; font-variant: small-caps; font-weight: bold; text-decoration: underline; text-transform: none;">Contoh Kode Html Pada Text</span></span> Contoh Kode Html Pada Text

Table Codes

1. HTML Tables

<table border="1" style="width:50%;"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>

Cell 1	Cell 2
Cell 3	Cell 4

Scroll Boxes
 
1. HTML Scroll Box

<div style="height:100px;width:140px;overflow:auto;background-color:yellowgreen;color:white;scrollbar-base-color:gold;font-family:sans-serif;padding:10px;">This HTML scroll box has had color added. You can add color to the background of your scroll box. You can also add color to the scroll bars.</div>

This HTML scroll box has had color added. You can add color to the background of your scroll box. You can also add color to the scroll bars.

2. HTML Comment Box Code

<form action="/html/tags/html_form_tag_action.cfm" method="post"> <div> <textarea name="comments" id="comments" style="font-family:sans-serif;font-size:1.2em;"> Hey... say something! </textarea> </div> <input type="submit" value="Submit"> </form>

3. HTML Time Redirect

<script type="text/JavaScript"> <!-- redirectTime = "1500"; redirectURL = "http://aranesapa.blogspot.com"; function timedRedirect() { setTimeout("location.href = redirectURL;",redirectTime); } // --> </script> <br /> <div onclick="JavaScript:timedRedirect()" style="background-color: #ffcc00; cursor: pointer; padding: 5px; width: 100px;"> Click me for a timed redirect. </div>

Click me for a timed redirect.