YASIN N.H: KODING

Tampilkan postingan dengan label KODING. Tampilkan semua postingan

Senin, 24 Februari 2014

Daftar Isi Koding

Daftar Isi Koding :

1. PENGENALAN DASAR HTML
2. Membuat Tabel Dengan HTML
3. Mengatur Paragraph dan Text Dengan kode HTML
4. Membuat Order list dengan HTML

Membuat Order List Dengan HTML

05.03 KODING No comments

Order List, Paragraph, div header, nav, article, footer dan aside

Order list

Yaitu syntax yang membuat list. Ada2, yaitu Order list dan Unorded List:

Order list

Syntax :

<ol>

</ol>

Contoh :

Nama-nama Buah :

<ol>

<li>Anggur</li>

<li>Mangga</li>

<li>Semangka</li>

</ol>

Output :

Nama-nama Buah:

Anggur

Apel

Mangga

Semangka

Attribute <ol> :

Attribute:

type :<ol>

Fungsi : Tipe penomoran

a|A|I|1

a :a,b,c,d,e,.....

A: A,B,C,D,E,.....

i: i,ii,iii,iv,v,vi...

I:II,III,IV,V,VI...

Unorder List :

Syntax : <ul>

</ul>

Contoh :

Nama-nama hewan:

<ul>

<li>Kambing</li>

<li>Kerbau</li>

</ul>

Output :

Nama-nama hewan:

Sapi

Kambing

Kerbau

kuda

Demikian lah cera membuat List dengan Kode HTML semoga bermanfaat. Mohon maaf jika ada kekurangan atau kesalah dalam pengetikan.

Daftar Isi : Klik Disini

Sumber : Modul Belajar HTML

Mengatur Paragraph dan Text Dengan kode HTML

04.52 KODING No comments

Tag tag yang berhubungan dengan paragraph dan tekst :

a.a. Syntax : <p>

Fungsi : Membentuk paraghaph

b.b. Syntax : <br>

Fungsi : Membuat 1 baris ke bawah

c.c. Syntax : <u>kalimat</u>

Fungsi : Menggaris bawahi kalimat

d.d. Syntax : <strong>kalimat</strong> atau <b>kalimat</b>

Fungsi : Menebalkan kalimat

e.e. Syntax : <i>kalimat</i>

Fungsi : Meng Italic/memiringkan kalimat

Contoh :

Script

<p> Belajar <b>Html 5</b> adalah hal yang saya<i> sukai</i>, sehingga saya selalu<b> <i>bersemangat</i></b> untuk mempelajarinya.

Output :

Belajar Html 5 adalah hal yang saya sukai. Sehingga saya selalu sukai, sehingga saya selalu bersemangat untuk mempelajarinya.

Demikian lah cera mengatur Paragraf dan Text Kode HTML semoga bermanfaat. Mohon maaf jika ada kekurangan atau kesalah dalam pengetikan.

Daftar Isi : Klik Disini

Sumber : Modul Belajar HTML

Lanjut ke Membuat order list dengan html

Membuat Tabel Dengan HTML

04.50 KODING No comments

Tabel memiliki baris dalam kolom. Terdapat sejumlah syntax html yang di pergunakan untuk membuat tabel, yaitu :

a. Nama : Tag Tabel

Syntax : <table>....</table>

Fungsi : Untuk awalan membuat tabel

b. Nama : Tabel Head

Syntax : <thead>....</thead>

Fungsi : Untuk header tabel

c. Syntax : <th >....</th >

Fungsi :untuk menulis judul Field

d. Syntax : < tr>....</tr >

Fungsi : Untuk membuat baris

e. Syntax : <td >....</td >

Fungsi : Untuk membuat elemen cell di tabel

f. Syntax : < tbody>....</tbody >

Fungsi : untuk tag body tabel

g. Syntax : <tfoot >....</tfoot >

Fungsi : Untuk tag footer tabel

Sejumlah Parameter :

a. Syntax : < table border=”1" >

Fungsi : Untuk memberi baris pada tabel. Semakin besar angka nya, akan semakin ebal baris

Tabelnya.

b. Syntax : <td colspan=”2”>

Fungsi : Agar sebuah cell memiliki lebar 2 kolom yang di jadikan 1. Nilai colspan dapat selain 2.

c. Syntax : <td rowspan=”2” >

Fungsi : Agar sebuah cell memiliki lebar 2 baris yang di jadikan 1. Nilai rowspan dapat selain 2.

Contoh :

<!DOCTYPE html>

<html>

<head>

<title>Membuat Tabel</title>

</head>

<body>

<caption>Daftar Siswa</caption>

<thead>

<th>No</th> <th> Nim </th><th>Nama</th><th>alamat</th>

</thead>

<tbody>

<tr>

<td>1</td><td>141151</td><td>Andika</td><td>Jakarta</td>

</tr>

<tr>

<td>2</td><td>141152</td><td>Budiman</td><td>Bandung</td>

</tr>

<tr>

<td>3</td><td>141153</td><td>Derry</td><td>Jogjakarta</td>

</tr>

<tr>

<td>4</td><td>141154</td><td>Edo</td><td>Palembang</td>

</tr>

<tr>

</tbody>

</table>

</body>

</html>

Dan hasilnya sebagai berikut :

Demikian lah cara membuat tabel dengan Kode HTML semoga bermanfaat. Mohon maaf jika ada kekurangan atau kesalah dalam pengetikan.

Daftar Isi : Klik Disini

Sumber : Modul Belajar HTML

Lanjut ke mengatur paragraf dan text dengan kode html

PENGENALAN DASAR HTML

05.39 KODING No comments

PENGENALAN HTML

HTML (Hyper Text Markup Language) adalah bahasa markup utama untuk halaman web. Untuk menulis script HTML, anda dapat menggunakan editor seperti Notepad ++ (www.notepad-plus-plus.org) dan Geany (www.Geany.org) dan banyak lagi tinggal searching di google saja. Untuk menjalankan html, di perlukan sebuah browser, yang saat ini anda dapat menggunakan hampir semua browser yang ada saat ini, seperti : Mozilla Firefox, Opera, Internet Explorer, Google Chrome dan Safari. Banyak tag HTML memiliki syntax buka dan tutup berpasangan, seperti <boduy></body>. Tanda / pada tag menandakan, bahwa tag tersebut adalah tag penutup.

Mengenal Syntax HTML 5

Tanda * adalah tanda syntax yang ada hanya di html 5 saja.

a. Nama : HTML 5 doctype

Syntax : <!DOCTYPE html>*

Fungsi : Untuk memulai html 5, tempatka syntax tsb di baris paling awal.

b. Nama : Tag HTML

Syntax : <html></html>

Fungsi : Untuk penanda awal script html.

c. Nama : Tag Head

Syntax : <head></head>

Fungsi : Untuk bagian Header script html. Di tempatkan di dalam tag html.

d. Nama : Tag Title

Syntax : <title></title>

Fungsi : Memberi Judul Di atas browser. Ditempatkan di dalam tag head.

Contoh : <title>Belajar HTML</title>

e. Nama : Tag Body

Syntax : <body></body>

Fungsi : Untuk menandakan body dari script html 5. Ditempatkan di antara tag html, di bawah tag head.

f. Nama : Tag Header

Syntax : <h1></h1> atau <h2></h2> atau <h3></h3>, dst.

Fungsi :Untuk header sebuah kalimat. H1 besar, H2 agak kecil, H3 agak kecil lagi, dst semakin mengecil. Di tempatkan di dalam tag body.

Belajar HTML

Pada bagian diatas, anda telah mengenal sejumlah suntax html, selanjutnya kita akan menulis script Belajar HTML, untuk membuat kalimat “Hello Word” dengan judul browser, “ script Belajar HTML”.

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

<h1>Hello word</h1>

</body>

</html>

Sebelum di jalankan kode html disimpan dengan judul tipe data .html contoh “ Belajar.html”.Demikian lah sedikt dari Pengenalan-pengenalan dasar HTML semoga bermanfaat bagi para pembaca. Mohon maaf jika ada kesalahan dalam ketikan/materinya....Tunggu meteri-meteri selanjutnya.... Silahkan mencoba.

Daftar Isi : Klik Disini

Sumber : Modul Belajar HTML

Lanjut ke Membuat Tabel Dengan HTML