Template membuat API

Alasan saya membuat template ini adalah untuk membantu dalam pembuatan laporan API. Berikut adalah tampilan dasarnya

JUDUL

Description
Url
Metodh
Url Param
Mime
Success
Error
Sample
Notes

BORDER

Dalam contoh di atas, kita memakai border untuk menunjukkan wilayah. Border sendiri lebih umum terlihat di table yang sayangnya hendak di hapuskan secara tak langsung dalam html walau penggunaannya sendiri masih ada.

di CSS border terdiri dari 3 elemen yaitu

• warna
• ukuran
• tipe border terdiri dari
• solid
• ridge
• none

Border sendiri tidak di atur secara tunggal untuk posisi atas,bawah,kiri dan kanan dalam 1 perintah. kita bisa mengatur untuk posisi berbeda dengan style berbeda. style tersebut dapat di lihat di

• border-top
• border-bottom
• border-left
• border-right

CSS REPEAT

Gunakan css dan HTML berikut

<style>

.icon {

background-image:url(http://wscont1.apps.microsoft.com/winstore/1x/a14c3995-34d7-454c-82e2-0c192e48b91a/Icon.173718.png);

min-height:160px;

min-width:160px;

border:2px blue double;

margin:2px;

}

.icon2a {

background-repeat: repeat-x;

}

.icon2b {

background-repeat: repeat-y;

}

</style>

<div class='icon'></div>

<div class='icon icon2a'></div>

<div class='icon icon2b'></div>

LATAR BELAKANG CSS

internet..

Dalam membuat sebuah latar, css memiliki style bernama background. Namun background sendiri terdiri dari

• background warna
• background gambar dan pendukungnya

Untuk Background warna sangat mudah yaitu dengan menuliskan salah satu dari contoh dibawah. Kita sudah melakukan pada contoh sebelumnya

• background:blue;
• background-color:blue;

PERULANGAN CSS

Berbicara tentang perulangan. Terkadang kita membuat 2 class (id) atau lebih yang memiliki bentuk yang sama. Dalam hal ini kita membuat 2 class (kotak1 dan kotak2) memiliki style yang sama. Daripada menulis 2 style yang sama, akan lebih baik menulis 1 kali.

.kotak1, .kotak2 {

border:1px solid blue;

}

contoh:

<style>

.kotak1, .kotak2 {

border:1px solid green;

width:100px;

margin:10px 0;

min-height:10px;

}

</style>

<div class=”kotak1”>kotak 1</div>

<div class=’kotak2’>kotak 2</div>

HIRARKI pada CSS

Dalam HTML, kita akan berhadapan dengan css yang memiliki semacam hirarki. Di contoh dibawah, kita membuat murid (kotak) yang memiliki warna berbeda.Untuk mencoba tuliskan ini dalam 1 tempat seperti yang tertulis pada artikel pelajaran css dan html pada artikel sebelumnya

Webdesign : merancang design web sederhana

Tujuan : Membuat tampilan menggunakan CSS inline

Untuk membuat css inline, kita mulai dengan menuliskan < div > < /div > terlebih dahulu. Lalu memasukkan kedalamnya style sehingga mendapatkan seperti berikut

< DIV style="{masukkan style}"> </div>

lakukan hal tersebut untuk tugas dibawah ini. Untuk isinya bisa di masukkan sendiri

Buatlah tampilan sebagai berikut sebagai berikut:

JUDUL

MENU ( home, about me, contact us)

ISI (tulisan sebanyak 2 paragraf)

FOOTER

Template dasar pelajaran HTML

Untuk kedepannya, saya akan share tulisan saya tentang pelajaran html dan css. Di pelajaran itu ada template dasar yang harus di ikuti. Template itu mungkin tidak sesuai dengan bagaimana html seharusnya.

Pada template ini, semuanya digabung jadi satu! kecuali script atau js luar yang tidak langsung bersangkutan seperti jquery.js alasan kenapa memakai template ini murni buat belajar. Bila dalam keadaan sebenarnya!
letakkan javascript dan style pada file di luar HTML.. dan terpenting jangan memakai inline css .. kecuali itu memang tidak ada jalan lain.