Belajar HTML^online

Belajar kode HTML online, otodidak.

Referensi HTML

Kode Bahasa ISO 639-1
Kode Negara ISO
UTF-8 Latin basic
Tentang URL
Warna HTML - HEX RGB
Favicon
Responsive
<head>
<body>
<header>
<main>
<aside>
<footer>
Konversi ukuran em-px

Referensi CSS

Font-family
140 Nama Warna
Selector CSS
Konversi ukuran em-px
Satuan dalam CSS
Viewport
CSS !important
CSS Calc
Selector [atribut]
CSS Pseudo elemen
Font Cadangan

Mengenal HTML
Struktur halaman HTML
Tag & Elemen HTML
Atribut HTML
Atribut Umum HTML
Format Teks HTML
Komentar HTML
Tag Meta HTML
Gambar / Foto HTML
Atribut Align & Border
Tabel HTML
Tag pembentuk Tabel
Fariasi Tabel HTML
List HTML
Atribut List HTML
Link Tautan HTML
Elemen Block & Inline
Iframe HTML
Tag Picture HTML
Background HTML
Background-Image HTML
Tata Letak HTML
Heading HTML
Paragraf HTML
Font HTML
Warna teks HTML
Formulir HTML

Mengenal CSS
Penulisan kode CSS
Komentar CSS
CSS Format teks
CSS Alinea
CSS Link
CSS List
CSS Padding & Margin
CSS Border
CSS Outline
CSS Sudut Tumpul
CSS Efek bayangan
CSS Display
CSS Flex
CSS Width & Height
CSS max- & min-
CSS Position
CSS Overflow
CSS Float
CSS Button
CSS Cursor
CSS Gradient

Tentang

Tentang
›
Tentang

Author

Handy Eko Cahyono

Di Blogger sejak September 2010

Asal : Nganjuk, Jatim - Indonesia.
Pendidikan : SMA (2001).
Domisili : Jayapura - PAPUA - Indonesia.

Blog lainnnya :

Blogger Otodidak Coding Blogger Blog Handy Teknik Abe Tour & Travel Blog Handy Eko

Paling banyak dilihat :

HTML Format teks

Mem-format teks dalam HTML Salah satu cara mem-format teks dalam HTML adalah menggunakan tag elemen pemformatan dibawah ini, tag pemformatan ini dirancang untuk menampilkan jenis teks dengan tampilan khusus sesuai tag nya: Tabel daftar tag pemformatan teks Tag Elemen Fungsi Contoh <b> Bold Hanya menebalkan teks TEKS <strong> Strong Menebalkan teks sbg tanda teks penting. TEKS <i> Italic Membuat teks miring TEKS <em> Emphasised Memiringkan teks sbg tanda teks penting. TEKS <q> Quot Memberi tanda kutip pada teks. TEKS <mark> Marked Memberi tanda stabilo pada teks. TEKS <small> Small Membuat teks berukuran kecil TEKS <big> big Membuat teks berukuran besar TEKS <strike> Striked Out Mencoret teks. TEKS <u> Underli...

Baca selengkapnya

CSS Overflow

Mengatur kelebihan ukuran konten yang melanggar batas elemen induknya kelebihan (OVERFLOW-Y) kelebihan (OVERFLOW-X) Overflow adalah pada saat suatu elemen tidak dapat "menampung" konten yang berada didalamnya. Atau sebaliknya : Pada saat suatu konten berukuran melebihi elemen induknya (parents element), seperti pada ilustrisi diatas. Kenapa disebut overflow (kelebihan aliran) ? Karena pada dasarnya halaman web berfungsi memuat informasi berupa teks. Dan teks memiliki arah baca dan juga arah dalam penulisannya baik dari arah kiri ke kanan atau sebaliknya. Arah baca / tulis inilah yang istilahkan sebagai aliran (flow), lebih tepatnya aliran teks. Dan ketika teks melampaui batas areanya disebut overflow atau aliran yang berlebih. Istilah tersebut diterapkan untuk semua jenis elemen HTML dan dimasukkan sebagai salah satu properti CSS yang berfungsi untuk mengatur / menentukan bagaimana kelebihan elemen tersebut harus ditampilkan. Properti CSS - overflow...

Baca selengkapnya

CSS Position

Mengatur posisi elemen dengan CSS Untuk menentukan letak elemen dengan CSS, salah satu cara yang dapat diterapkan adalah menggunakan properti posisi . Penerapan cara ini melalui 2 tahap berikut ini : 1. Menetapkan sifat elemen. Menggunakan properti position . Properti position ini berfungsi untuk menentukan sifat elemen . Detail value dari properti position: tersebut adalah : 1. static : Bersifat tetap ditempat semula. 2. relative : Bersifat menyesuaikan. 3. fixed : Bersifat permanen ditempat yang ditentukan. 4. absolute : Bersifat mutlak meninggalkan tempat asalnya. 5. sticky : Bersifat menempel. 2. Mengatur posisi elemen. Elemen yang sifatnya telah ditetapkan memerlukan properti letak untuk mengatur posisinya : 1. top : mengatur posisi elemen ke atas. 2. bottom : mengatur posisi elemen ke bawah. 3. left : mengatur posisi elemen ke kiri. 4. right : mengatur posisi elemen ke kanan. CATATAN : Properti letak TIDAK berlaku untuk elemen dengan properti pos...

Baca selengkapnya

CSS Flex

Properti CSS flex Di halaman ini CSS flex Pengertian flex Menerapkan properti flex Mengatur jarak elemen flex Mengatur penyebaran elemen flex Memutus baris elemen flex Mempertahankan baris elemen flex Membalikkan arah urutan elemen flex Pengertian flex flex berasal dari kata flexible (lentur / fleksibel). Fungsi properti flex Properti flex berfungsi untuk mengatur fleksibilitas kelompok elemen (group). Membuat elemen grup : <div class='induk'> <div class='item konten-1'>konten 1</div> <div class='item konten-2'>konten 2</div> <div class='item konten-3'>konten 3</div> <div class='item konten-4'>konten 4</div> <div class='item konten-5'>konten 5</div> <div class='item konten-6'>konten 6</div> </div> <style> .induk { background: #f1f1f1; } .konten-1 { ...

Baca selengkapnya

CSS Display

Mengatur tampilan (display) Display adalah termasuk property untuk hampir semua elemen HTML. Display berarti : tampilan atau bagaimana suatu elemen akan ditampilkan. Bagaimana suatu elemen akan ditampilkan = display : value ; Pengaturan display ini terkait dengan pembahasan level elemen Block & Inline . Tabel dibawah ini adalah daftar beberapa jenis value untuk tampilan (display) yang paling sering digunakan. Value tampilan Keterangan block Memblokade ruang dan menggeser elemen disebelahnya. inline Sebaris dengan elemen disebelahnya. inline-block Sebaris dengan elemen disebelahnya dan memblokade ruang tersisa. none Menghilangkan elemen. hidden (visibility) Menyembunyikan elemen flex Berjajar mendatar grid Berjajar tegak Penggunaan property display : block ; Property display : block ; berfungsi untuk mengatur elemen inline agar dapat ditampilkan (block) memenuhi sisa ruang dan menggeser elemen dise...

Baca selengkapnya

CSS Width & Height

Mengatur panjang dan tinggi elemen. width & height adalah ukuran dimensi elemen. width : adalah panjang elemen. height : adalah tinggi elemen. Nilai properti width & height Nilai dari properti width & height dapat diisi dengan pilihan berikut ini : 1. Nilai satuan panjang misal : px, em, dsb. 2. Persen (%) : nilai perhitungan perseratus dari dimensi elemen induknya. 3. auto : nilai yang ditentukan oleh browser. 4. inherit : nilai panjang menyesuaikan dimensi elemen induk. <div> <span>Dimensi 200px x 100px</span> </div> <style> div { background: violet; color: white; margin: auto; width: 200px; height: 100px; display: block; } </style> Dimensi 300px x 100px <div class='induk'> <span>Elemen induk 300px x 100px</span> <div class='konten'>Konten width:70%; height:50%</div> </div> <style> div.induk { width: 300px; ...

Baca selengkapnya

Diberdayakan oleh Blogger

Disclaimer Tentang