View

Tutorial Mengatur Tinggi Baris Paragraf (line-height) Dalam CSS

Tutorial Mengatur Tinggi Baris Paragraf (line-height) Sebagai contoh tutorial untuk property line-height yang akan kita bahas, berikut adalah kode HTML dan CSS dengan menggunakan berbagai nilai line-height:   <!DOCTYPE html> <html> <head> <title>Belajar Tinggi Baris Paragraf CSS</title> <style type="text/css"> .contoh1 { font-size:16px; } .contoh2 { font-size:16px; line-height: 20px;} .contoh3 { font-size:16px; line-height: 1.5em;} .contoh4 { font-size:16px; line-height: 2;} </style> </head> <body>   [...]

By Labtik
03/08/2018
Read More
View

Tutorial memiringkan dan menebalkan huruf dalam CSS

Tutorial font-style dan font-weight Sebagai contoh tutorial untuk memiringkan dan menebalkan huruf, berikut adalah kode HTML dan CSS untuk properti font-style dan font-weight:   <!DOCTYPE html> <html> <head> <title>Belajar font-style dan font-weight</title> <style type="text/css">    .italic { font-style: italic; }    .oblique { font-style: oblique; }        .bold { font-weight: bold; }    .bolder { font-weight: bolder; }    .lighter { font-weight: [...]

By Labtik
03/08/2018
Read More
View

Tutorial Cara Mengubah Huruf Kapital (Case) HTML dengan CSS

Tutorial Cara Mengubah Huruf Kapital (Case) HTML dengan CSS Sebagai bahan tutorial, berikut adalah contoh kode HTML dan CSS dalam penggunaan properti text-transform dan font-variant:   <!DOCTYPE html> <html> <head> <title>Belajar text-transform dan font-variant</title> <style type="text/css">    .upper { text-transform: uppercase; }    .lower { text-transform: lowercase; }    .cap   { text-transform: capitalize; }    .small { font-variant:   small-caps; } </styl [...]

By Labtik
03/08/2018
Read More
View

Tutorial Cara Penulisan Property Font CSS

Tutorial Cara Penulisan Property Font CSS Dalam contoh di bawah ini saya akan membuat beberapa paragraf dengan menggunakan penulisan singkat property font. Berikut adalah contoh kode HTML dan CSSnya:   <!DOCTYPE html> <html> <head> <title>Belajar Penulisan Singkat Font CSS</title> <style type="text/css"> .contoh1 { font: italic bold small-caps 16px/80% serif;} .contoh2 { font: italic 16px/120% Arial, Helvetica, sans-serif;} .contoh3 { font: 16px/1.2em Georgia, Times, serif;} .contoh4 { font: small-caps 18px/24px "Comic Sans MS", serif;} &a [...]

By Labtik
03/08/2018
Read More
View

Cara membuat tombol Media Sosial Sticky mengambang dengan CSS

Cara membuat tombol Media Sosial Sticky mengambang dengan CSS   Dalam contoh kode ini, saya akan menerapkan tombol share media sosial di sisi kanan dengan CSS murni, maksudnya hanya dengan CSS. Di bar sosial ini, beberapa link media sosial yang paling populer akan dimasukkan seperti Facebook, Twitter, Google+, LinkedIn, YouTube, dan Pinterest.   Kode HTML   Letakkan kode HTML berikut di dalam tag <body>, dan tambahkan link profil media sosial kamu dengan ikon sosial masing-masing.   <div class="container">  <div class="sticky-container">   [...]

By Labtik
04/02/2018
Read More
View

Property CSS yang harus diketahui

Property CSS yang harus diketahui   saya akan membahas tentang properti CSS yang paling sangat digunakan dan perlu kamu ketahui.   Mari kita menggali lebih dalam.   1. Display   display memiliki banyak nilai yang berbeda, tetapi hanya 4 yang paling sering digunakan.   div {     display: block;     display: inline-block;     display: inline;     display: none; }   block: setiap element pada halaman web merupakan box. Property display menentukan bagaimana box berperilaku. Element block merupakan element yang mengambil lebar semaksimal [...]

By Labtik
04/02/2018
Read More
View

Cara Membuat Validasi nomor telepon dengan HTML

    Validasi nomor telepon dengan Pattern   Contoh kode berikut akan memvalidasi nomor telepon dan memeriksa apakah pengguna memberikan nomor telepon dengan format yang benar (xxx-xxx-xxxx).   <form>   No. Telp. (format: xxx-xxx-xxxx):   <input type="tel" pattern="^\d{3}-\d{3}-\d{4}$" required >   <input type="submit" value="Submit"> </form> Regex untuk nomor HP 10 Digit   Contoh kode berikut akan memeriksa apakah pengguna memberikan nilai numerik 10 digit (xxxxxxxxxx [...]

By Labtik
04/02/2018
Read More
View

Istilah Elemen Tag dan Atribut

Hallo kawan-kawan, kali ini saya akan berbagi pengetahuan tentang istilah Elemen, Tag, dan Atribut. Sedikit kutipan atau Motivasi "Pendidikan adalah senjata paling mematikan di dunia, karena itu, Anda mampu mengubah dunia".. ... Langsung saja kita bahas tentang : Istilah Elemen, Tag, dan Atribut Sebelum masuk lebih jauh, kita akan melihat tiga istilah utama yang harus diketahui ketika menulis HTML. Ketiga istilah tersebut ialah elemen, tag, dan atribut.   Elemen Elemen HTML merupakan komponen yang menetapkan peran sebuah objek dalam dokumen, termasuk struktur dan konten dari objek tersebut. Contoh dari sebuah elemen HTML ialah p ataupun b yang tel [...]

By Labtik
04/18/2018
Read More


POST POPULER

Categories

KATEGORI