Saturday, September 10, 2016

Dasar - Dasar HTML

Oke lanjut gan...

Dasar HTML adalah pembelajaran awal tentang hal - hal yang umum dan biasa digunakan dalam pembuatan halaman HTML. Dan ini adalah beberapa pembahasan tentang dasar HTML :

  • Heading HTML
Berikut  adalah kode penulisan heading dalam HTML,

<h1>Isi text</h1>
<h2>Isi text</h2>
<h3>Isi text</h3>
<h4>Isi text</h4>

  • Paragraf HTML
Membuat paragraf dalam HTML dapat dituliskan dengan kode berikut,

<p>Isi paragraf 1</>
<p>Isi paragraf 2</>

  • Link HTML
Link HTML adalah sebuah tombol dalam bentuk tulisan untuk mengarahkan user ke halaman HTML lain. Berikut penulisannya,

< a href="alamat tujuan link" title="keterangan link">Judul link</a>

  • Link Gambar
Link gambar adalah link yang ditujukan ke halaman HTML yang ditampilkan dalam bentuk gambar.

<a href="alamat tujuan link" title="keterangan link"><img src="alamat penyimpanan gambar"></a>

  • Link E-Mail
Link e-mail adalah link untuk mengirim e-mail.

<a href="mailto:alamat e-mail">Tampilan text link</a>

  • List HTML
Untuk membuat list berupa simbol, dapat dilakukan dengan cara menuliskan kode berikut ini,

<ul>
<li>list pertama</li>
<li>list kedua</li>
</ul>

Untuk membuat list angka dapat dilakukan dengan cara berikut ini :

<ol>
<li>List pertama</li>
<li>List kedua</li>
</ol>

  • Gambar
Untuk menampilkan gambar, dapat dilakukan dengan kode berikut.

<img src="alamat penyimpanan gambar" title="keterangan gambar" width="lebar" height="tinggi'>

  • Underline, Italic, Bold
Untuk membuat tulisan dalam bentuk underline, Italic, Bold dapat dilakukan dengan kode berikut:

<u>Underline</u>
<i>Italic</i>
<b>Bold</b>

  • Ganti baris
Untuk membuat tulisan yang berganti baris, dapat dilakukan dengan kode berikut.

<p>Baris pertama<br/> Baris kedua</p>

  • HTML Input
Ada beberapa tipe HTML input, antara lain file, hidden, checkbox, text, e-mail, password, radio, dan lain - lain. Untuk membuatnya gunakan kode berikut.

<input type="tipe inputan" name="nama input" value="nilai" title="keterangan">
Ex; <input type="file" name="upload" value="upload" title="pilih gambar untuk diunggah">

  • HTML button
Ada beberapa jenis tombol dalam HTML, yaitu button, submit, reset, dan tombol. Pada HTml, tombol tersebut dapat ditulis dengan kode berikut.

<button type="tipe tombol" name="nama tombol">namatampilan</button>

atau dapat ditulis dengan kode berikut.

<input type="tipe tombol" name="nama tombol" value="nilai/ nama tampilan">

  • Textarea
Untuk membuat textarea, dapat dilakukan dengan menuliskan kode berikut.

<textarea name="nama textarea" rows="baris" cols="kolom"> nilai awal textarea</textarea>

  • Align
Perataan dapat dilakukan dengan menuliskan kode berikut.

<center>rata tengah</center>
<left>rata kiri</left>
<right>rata kanan</right>

  • Comment
Comment adalah script yang tidak terlihat oleh user. Comment digunakan untuk menandai script supaya mudah dimengerti atau mudah diingat oleh programmer tentang kegunaan script tersebut.

<!--isi komentar-->
Tulis script disini

  • Div tag
Div tag adalah tag untuk membuat ruang berisi konten HTML, biasanya div tag digunakan bersamaan dengan CSS untuk mengatur style.

<div id="an">Content for id "an" Goes Here</div>
<div class="an">Content for class "an" Goes Here</div>



Next....( Mencoba Membuat Halaman HTML)


No comments:

Post a Comment