Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Tambah Artikel</title>
- </head>
- <body>
- <header>
- <h1>Belajar HTML</h1>
- <nav>
- <ul>
- <li><a href="">Home</a></li>
- <li><a href="">Artikel</a></li>
- </ul>
- </nav>
- </header>
- <section>
- <div style="width: 60%;">
- <form>
- <fieldset>
- <legend>Tambah Artikel</legend>
- <label>Judul:</label>
- <input type="text" name="judul" placeholder="judul kamu..." />
- <br><br>
- <label>Gambar</label><br>
- <input type="file" class="form-control" name="foto">
- <br><br>
- <label>Kontent:</label>
- <input type="text" name="kontent" placeholder="your email..." />
- <br><br>
- <input type="button" name="Save" value="Save" />
- </fieldset>
- </form>
- </div>
- <br><br>
- <div>
- <table border="1" width="60%">
- <tr>
- <th>Judul</th>
- <th>Gambar</th>
- <th>Kontent</th>
- <th>Aksi</th>
- </tr>
- <tr>
- <td>Jill</td>
- <td>Smith</td>
- <td>50</td>
- <td>
- <button>Hapus</button>
- <button>Delete</button>
- </td>
- </tr>
- <tr>
- <td>Eve</td>
- <td>Jackson</td>
- <td>94</td>
- <td>
- <button>Hapus</button>
- <button>Delete</button>
- </td>
- </tr>
- <tr>
- <td>John</td>
- <td>Doe</td>
- <td>80</td>
- <td>
- <button>Hapus</button>
- <button>Delete</button>
- </td>
- </tr>
- </table>
- </div>
- </section>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement