Selasa, 20 November 2018

Membuat Biodata menggunakan HTML


Assalamuallaikum Wr.Wb.....

   Dalam postingan kali ini saya akan memberikan tag HTML untuk pembuatan biodata.
baiklah langsung saja berikut adalah caranya, namun sebelumnnya kita harus berada di sublime text3, notpad, atau sejenisnya.

berikut kodenya :

<!DOCTYPE html>
<html>
<head>
<title>Zulkiya S. Eki</title>
</head>
<form action=""method="post">
<h1 align="centre">Biodata Diri</h1>
<hr>
<img src="ega.jpg" height="150" width="140" align="right"/>
<table border="0">
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="Alamat" siza="25" value="Zulkiya S. Eki"/></td>
</tr>

<tr>
<td>Nama Panggilan</td>
<td>:</td>
<td><input type="text" name="Alamat" size="25" value="Ega"/></td>
</tr>

<tr>
<td>TTL</td>
<td>:</td>
<td><input type="text" name="Alamat" size="25"value="KAB.GORONTALO"</>
<select name="select">
<option>Tanggal</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select name="select">
<option>Bulan</option>
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Austus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
<option></option>
</select>
<select name="select">
<option>Tahun</option>
<option>2015</option>
<option>2014</option>
<option>2013</option>
<option>2012</option>
<option>2011</option>
<option>2010</option>
<option>2009</option>
<option>2008</option>
<option>2007</option>
<option>2006</option>
<option>2005</option>
<option>2004</option>
<option>2003</option>
<option>2002</option>
<option>2001</option>
<option>2000</option>
<option>1999</option>
<option>1998</option>
<option>1997</option>
<option>1996</option>
<option>1995</option>
<option>1994</option>
<option>1993</option>
<option>1992</option>
<option>1991</option>
</select></td>
</tr>

<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio" name="Kelamin" value="Laki-laki"/>
Laki-laki
<input type="radio" name="Kelamin" value="Perempuan"/>
Perempuan</td>
</tr>

<tr>
<td>Agama</td>
<td>:</td>
<td><select name="select">
<option>Islam</option>
<option>Kristen</option>
<option>Hindu</option>
<option>Budha</option>
</td>
</tr>

<tr>
<td valign="top">Alamat</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="20" rows="5">Jln.Adrian Ibrahim No.105</textarea></td>
</tr>

<tr>
<td>Kabupaten/Kota</td>
<td>:</td>
<td>
<select name="option">
<option value="GORONTALO">GORONTALO</option>
<option value="KAB.Gorontalo">Kab.Gorontalo</option>
<option value="KAB.Bonebolango">Kab.Bonebolango</option>
<option value="KAB.Pohuwato">Kab.Pohuwato</option>
<option value="KAB.Gorontalo Utara">Kab.Gorontalo Utara</option>
</td>
</tr>

<tr>
<td>Hobi</td>
<td>:</td>
<td><input type="checkbox" name="Olahraga" value="Olahraga"/>
Olahraga
<input type="checkbox" name="Membaca" value="Membaca"/>
Membaca
<input type="checkbox" name="Musik" value="Musik"/>
Musik
<input type="checkbox" name="Komputer" value="Komputer"/>
Komputer
<input type="checkbox" name="Lain-lain" value="Lain-lain"/>
Lain-lain</td>
</tr>

<tr>
<td valign="top">Komentar</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="20" rows="5">Isikan Komentar anda di sini </textarea></td>
</tr>

<tr>
<td colspan="2"></td>
<td><input type="reset" name="reset" /><input type="submit"/></td>
</tr>

</table>
</form>
<body>

</body>
</html>
di Tidak ada komentar:

Selasa, 13 November 2018

Tag-tag pada HTML

Assalamuallaikum Warohmatullahi Wabarokatu...
 Pada kesempatan kali ini saya akan membahas tentang tag-tang yang ada di HTML beserta fungsinya. langsung saja Berikut adalah daftar dari tag-tag HTML :
NAMA TAG
KETERANGAN
<!--..->
Mendefinisikan sebuah komentar
<!DOCTYPE>
Mendefinisikan tipe dokumen
<a>
Mendefinisikan sebuah hyperlink
<abbr>
Mendefinisikan sebuah singkatan
<address>
Mendefinisikan informasi kontak untuk pemilik atau penulis dokumen/artikel
<area>
Mendefinisikan area didalam sebuah gambar
<article>
Mendefinisikan artikel
<aside>
Mendefisikan isi selain dari konten utama
<audio>
Mendefinisikan suara/music
<b>
Mendefinisikan cetak tebal dalam teks (bold)
<base>
Menentukan URL dasar/target untuk semua URL relatif dalam dokumen
<bdi>
Membatasi bagian teks yang mungkin memiliki format baca berbeda dengan teks diluarnya
<bdo>
Mengganti arah teks saat ini
<blockquote>
Mendefinisikan sebuah bagian yang dikutip dari sumber lain
<body>
Mendefinisikan tubuh dokumen
<br>
Mendefinisikan perintah untuk ganti satu baris
<button>
Mendefinisikan tombol yang dapat di-klik
<canvas>
Digunakan untuk menggambar grafis melalui script
<caption>
Mendefinisikan caption untuk tabel
<cite>
Mendefinisikan judul suatu objek
<code>
Mendefinisikan suatu teks berupa kode-kode computer
<col>
Menentukan properties dari kolom didalam element <colgroup>
<colgroup>
Menentukan kelompok satu atau lebih kolom dalam format sebuah tabel
<command>
Mendefinisikan sebuah tombol komando (command button)
<datalist>
Menentukan daftar pilihan standar untuk kontrol input
<dd>
Mendefinisikan deskripsi sebuah item yang ada pada definition list
<del>
Mendefinisikan efek strikethrough pada kalimat teks
<details>
Mendefinisikan detail tambahan yang dapat ditampil-sembunyikan oleh user
<dfn>
Mendefinisikan definition term
<div>
Mendefinisikan section dalam dokumen
<dl>
Mendefinisikan sebuah definition list
<dt>
Mendefinisikan istilah (term) dalam definition list
<em>
Mendefinisikan efek emphasized pada teks
<embed>
Mendefinisikan sebuah aplikasi eksternal / plugins
<fieldset>
Mengelompokkan elemen-elemen yang mirip dalam bentuk form
<figcaption>
Mendefinisikan caption untuk elemen <figure>
<figure>
Menentukan sebuah konten mandiri
<footer>
Mendefinisikan sebuah footer pada dokumen atau section
<form>
Mendefinisikan sebuah form untuk input user
<h1> to <h6>
Mendefinisikan heading untuk HTML
<head>
Mendefinisikan informasi yang terkait dengan dokumen
<header>
Menentukan pengenalan awal halaman web atau kelompok dari elemen navigasi untuk dokumen
<hgroup>
Mengelompokkan elemen <h1> sampai <h6> ketika heading memiliki multiple level
<hr>
Mendefinisikan sebuah penanda perubahan tematik dalam konten
<html>
Mendefinisikan akar dari dokumen HTML
<i>
Mendefinisikan efek italic pada teks
<iframe>
Mendefinisikan sebuah frame
<img>
Mendefinisikan sebuah gambar
<input>
Mendefinisikan sebuah kontrol input
<ins>
Mendefinisikan teks yang telah dimasukkan dalam dokumen (diikuti efek underline)
<keygen>
Mendefinisikan sebuah key generator untuk form
<kbd>
Mendefinisikan input dari keyboard (format teks)
<label>
Mendefinisikan label untuk elemen <input>
<legend>
Mendefinisikan sebuah caption untuk elemen <fieldset>, <figure> dan <details>
<li>
Mendefinisikan daftar item
<link>
Mendefinisikan relasi diantara dokumen dan sebuah sumber eksternal, kebanyakan digunakan untuk merelasikan kepada CSS
<map>
Mendefinisikan sebuah gambar yang dapat berfungsi sebagai client-side map
<mark>
Mendefinisikan sebuah teks yang disorot/ditandai
<menu>
Mendefinisikan sebuah daftar/menu
<meta>
Mendefinisikan sebuah metadata tentang dokumen HTML
<meter>
Mendefinisikan pengukur untuk ukuran skalar dalam kisaran yang diketahui
<nav>
Mendefinisikan link navigasi
<noscript>
Mendefinisikan sebuah konten alternatif untuk pengguna yang telah menonaktifkan script pada browser atau memiliki browser yang tidak mendukung script tersebut
<object>
Mendefinisikan objek yang melekat di dalam dokumen HTML, contohnya file multimedia
<ol>
Mendefinisikan numbered list
<optgroup>
Mengelompokkan opsi-opsi yang terkait ke dalam bentuk drop-down
<option>
Mendefinisikan sebuah pilihan dalam bentuk drop-down
<output>
Mendefinisikan sebuah hasil dari kalkulasi/perhitungan
<p>
Mendefinisikan sebuah paragraph
<param>
Mendefinisikan sebuah parameter untuk objek
<pre>
Mendefinisikan teks yang belum ditentukan formatnya
<progress>
Mendefinisikan sebuah perkembangan jalannya proses
<q>
Mendefinisikan sebuah kalimat kutipan (quote)
<rp>
Mendefinisikan apa yang harus ditampilkan apabila browser tidak mensupport tag <ruby>
<rt>
Mendefinisikan penjelasan atau cara baca dari karakter Asia timur ( <ruby> )
<ruby>
Menentukan sebuah penulisan huruf Asian (kanji, mandarin, dll)
<s>
Menentukan teks yang tidak lagi benar, akurat atau relevan (diikuti efek strikethrough)
<samp>
Mendefinisikan sampel output dari program computer (format teks)
<script>
Mendefinisikan sebuah script
<section>
Mendefiniskan section dalam dokumen
<select>
Mendefinisikan sebuah list dalam bentuk drop-down
<small>
Mendefinisikan teks yang lebih kecil (format teks)
<source>
Mendefinisikan sumber elemen media yang beruntun ( <video> dan <audio> )
<span>
Mendefinisikan section dalam dokumen
<strong>
Mendefinisikan teks penting (format teks)
<style>
Menyimpan info style sebuah dokumen
<sub>
Mendefinisikan teks subsricpt
<summary>
Mendefinisikan heading untuk bagian <detail>
<sup>
Mendefinisikan teks superscript
<table>
Mendefinisikan sebuah tabel
<tbody>
Mengelompokkan bagian tubuh (body) dari tabel HTML
<td>
Mendefinisikan sebuah cell dalam tabel
<textarea>
Mendefinisikan kontrol input yang terdiri dari banyak baris
<tfoot>
Mengelompokkan bagian footer dari tabel HTML
<th>
Menentukan dalam tabel bahwa didalam tag <th> adalah header tabel
<thead>
Mengelompokkan bagian header dari tabel HTML
<time>
Mendefinisikan waktu (24 jam) atau tanggal dalam format Gregorian
<title>
Mendefinisikan judul dokumen
<tr>
Mendefinisikan sebuah baris dalam tabel
<track>
Mendefinisikan subtitle dari elemen multimedia ( <audio> dan <video> )
<ul>
Mendefinisikan bulleted list
<var>
Mendefinisikan sebuah variable
<video>
Mendefinisikan video atau film
<wbr>
Mendefinisikan ganti baris ketika teks dirasa terlalu panjang

di Tidak ada komentar:
Langganan: Postingan (Atom)

soal (komputer jaringan)

1.     Router dengan Routing ? Router merupakan perangkat keras jaringan komputer yang dapat digunakan untuk menghubungkan beberapa ...