tRikSonic
Tema
  • Original
  • Translate

HTML span Tag

Terakhir diperbarui : 24 Mei 2018 - 11.45
Tutorial HTML <span> HTML span - Belajar html span. HTML <span> adalah tag html yang bersifat inline atau sebuah element yang tidak membentuk garis baru dan masih terikat dengan element sebelumnya. HTML <span> biasaya di gunakan untuk mempemudah pada pemberian gaya style baik secara inline ataupun melalui attribute class ataupun attribute lainnya dengan tujuan agar tidak mengganggu element yang lain. Selain penggunaan nya untuk pemberian gaya style , element ini juga sering digunakan sebagai wadah dan kontrol dari penggunaan javascript . Contoh HTML <span> < h2 > Tutorial Belajar < span > HTML </ span > Dasar </ h2 > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <h2>Tutorial Belajar <span>HTML</span> Dasar</h2> </body> </html> Uji coba Contoh HTML <spa
Baca selengkapnya

Format Teks HTML

Terakhir diperbarui : 25 Mei 2018 - 05.55
Format Teks HTML - Belajar Format Teks HTML, sebelum belajar html pada tingkatan yang lebih tinggi, ada baiknya kita belajar format html standar terlebih dahulu, pada tutorial HTML kali ini saya membuat artikel mengenai bagaimana membuat teks tebal, miring dan garis bawah, menggunakan format html. Pelajaran kali ini memang sangat sepele bahkan bisa di kategorikan tidak penting, bukannya di editor post menunya sudah di sediakan, jawab saya "ya... itu benar", tp tak selamanya kita bisa menggunakan Editor post untuk sekedar menebalkan huruf, mirik, dan garis bawah. Misal kita sedang dalam menu editor template/theme, dan ada 1 bagian yang ingin kita cetak tebalkan teksnya, masa iya kita kita membuka editor post dulu untuk sekedar memberi bold pada area tersebut. Tutorial ini saya buat untuk para blogger yang baru mengenal HTML seperti saya ini. untuk yang sudah master mohon kritikannya bila ada yang salah. muncul pertanyaan "bukannya bisa dilakukan Dengan
Baca selengkapnya

HTML hr Tag

Terakhir diperbarui : 25 Mei 2018 - 06.12
Tutorial HTML <hr> HTML <hr> digunakan untuk membuat garis horizontal (garis kiri ke kanan). Dalam Penulisannya di HTML element hr dapat ditulis dengan format <hr> atau <hr/> Element HTML <hr> ini berfungsi sebagai pemisah antar element yang satu dengan yang lainya. Pengertian pemisah disini adalah lebih kepada tampilan dibrowser untuk memberitahu user/pengunjung bahwa konten yang mereka lihat berbeda bahasan atau terdapat pergeseran konten sebelumnya. Contoh Penulisan Tag HTML <hr> < section > < h2 > Heading 2 </ h2 > Ini adalah kontent PERTAMA </ section > < hr /> < section > < h2 > Heading 2 </ h2 > Ini adalah kontent KEDUA </ section > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <section> <h2>Heading 2</h2> Ini adalah konte
Baca selengkapnya

HTML p Tag

Terakhir diperbarui : 25 Mei 2018 - 06.26
Tutorial HTML <p> HTML p mendefinisikan sebuah paragraf yang membungkus/memblock konten berupa teks. Dalam penulisannya element p tidak bisa tulis bertumpuk, yang artinya didalam elemen p tidak dipebolehkan ada element p lainnya. Berikut element html yang dianjurkan tidak boleh ada didalam rentang element <p>...</p> : <address> <article> <aside> <blockquote> <dd> <div> <dl> <dt> <fieldset> <figcaption> <figure> <footer> <form>> <h1 - h6> <header> <hr> <main> <nav> <ol> <p> <pre> <section> <table> <ul> Contoh HTML <p> < article > < h2 > Judul artikel </ h2 > < p > paragraf 1 </ p > < p > paragraf 2 </ p > </ article > <!DOCTYPE html> <html> <head&
Baca selengkapnya

Heading Tag HTML

Terakhir diperbarui : 25 Mei 2018 - 06.45
Penjelasan HTML h1-h6 : HTML Heading Tag - Belajar Membuat Tag heading Pada HTML. Heading tag pada html mempunyai fungsi yang sangat penting pada sebuah artikel Blog/website atau pada sebuah theme/template. Robot penelusuran akan membaca heading tag sebagai sesuatu yang penting dan memprioritaskannya pada mesin pencari. Contoh HTML element <h1>-<h6> : Tips : Gunakan HTML <h1>-<h6> hanya untuk judul. Jangan gunakan element <h1>-<h6> hanya untuk membuat teks tebal ataupun memperbesar teks. Gunakan HTML tag yang lainnya dan setting css sebagai penggantinya. < h1 > Ini adalah Heading 1 </ h1 > < h2 > Ini adalah Heading 2 </ h2 > < h3 > Ini adalah Heading 3 </ h3 > < h4 > Ini adalah Heading 4 </ h4 > < h5 > Ini adalah Heading 5 </ h5 > < h6 > Ini adalah Heading 6 </ h6 > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/&g
Baca selengkapnya

Standar HTML code

Terakhir diperbarui : 25 Mei 2018 - 06.55
Standar HTML code - Belajar standar pembuatan HTML code, Kali ini kita akan belajar bagaimana cara pembuatan struktur standar pembuatan html, dimana nantinya dapat dibaca oleh sebuah Browser. HTML <!DOCTYPE html> < html > < head > < title > Editor html, css and Js Online </ title > </ head > < body > Konten body disini </ body > </ html > Sebuah HTML harus di awali denga <!DOCTYPE html> Lalu di ikuti dengan < html > , < head > , dan < body > Setiap tanda baca html harus diikuti dengan tag penutup nya ditandai dengan tanda garis miring " / " Misal : < html > ditutup dengan </ html > < head > ditutup dengan </ head > < body > ditutup dengan </ body > atau menggunakan tag penutup langsung: Contoh : < div /> < script src = '...' /> etc..
Baca selengkapnya

Editor Live HTML

Terakhir diperbarui : 8 April 2018 - 12.24
Info : Konten ini sedang di perbaiki, mohon maaf atas ketidaknyamanannya.
Baca selengkapnya

Cara Membuat Template Blog Sendiri

Terakhir diperbarui : 24 Mei 2018 - 11.56
Cara Membuat Template Sendiri, Cara Membuat Template Blog Sendiri, cara membuat template blog sendiri dari awal, Tutorial membuat Template Cara Membuat Template Sendiri - Membuat template blog sendiri menjadi idaman bagi para blogger, dengan kreasi dan ide kreatif, kita semua bisa membuat desain template seperti apa yang kita mau. Kunci dasar sukses dalam pembuatan Template adalah minimal ketekunan mau belajar, tidak patah semangat dan tidak malu untuk bertanya. Dengan desain template blog buatan sendiri menjadi point tambahan bagi blog kita, kita bisa berkreasi sesuai dengan kemampuan kita, mencari tau apa kelemahan / kelebihan dari blog kita, tanpa lagi nge re-disign template milik orang lain dengan edit sana sini, nge remove credit Template orang lain lalu mengaku - ngaku buatan sendiri, Pertanyaannya : untuk apa semua itu ... ? Basic dasar untuk membuat template blogger/blogspot versi sendiri itu simple sekali Pertama : pelajari dasar dasar html Kedua : Pelaj
Baca selengkapnya

Membuat Multi Kolom Sistem Grid Menggunakan Bootstrap

Terakhir diperbarui : 25 Mei 2018 - 06.57
Sistem Grid Bootstrap, Membuat Multi Kolom Sistem Grid Menggunakan Bootstrap, membuat layout dengan bootstrap, Tutorial Bootstrap Info : Konten ini sedang di perbaiki, mohon maaf atas ketidaknyamanannya.
Baca selengkapnya

Tata letak dengan fitur kolom pembungkus menggunakan Bootstrap

Terakhir diperbarui : 11 Mei 2018 - 22.25
Info : Konten ini sedang di perbaiki, mohon maaf atas ketidaknyamanannya.
Baca selengkapnya

Membuat Tiga Kolom Dengan Bootstrap

Terakhir diperbarui : 25 Mei 2018 - 06.59
Membuat Tiga Kolom Dengan Bootstrap, Kolom Bootstrap, Membuat Layout dengan Bootstrap, Membuat kolom pada Bootstrap, Tutorial Bootstrap Informasi : Maaf artikel ini sadang di perbaiki, semua tutorial tentang Bootstrap sedang dalam tahap pengerjaan, maaf atas ketidaknyamanannya.
Baca selengkapnya

Membuat Dua Kolom dengan Bootstrap

Terakhir diperbarui : 25 Mei 2018 - 07.00
Demo Membuat Dua Kolom dengan Bootstrap, Kolom Bootstrap, Membuat Layout dengan Bootstrap, Membuat kolom pada Bootstrap, Tutorial Bootstrap Info : Artikel ini dalam tahap perbaikan, maaf atas ketidaknyamannya, silahkan untuk membuka artikel lainnya.
Baca selengkapnya

H1 - H6 Bootstrap, Bootstrap Tutorial

Terakhir diperbarui : 25 Mei 2018 - 07.24
Info : Artikel ini sedang diperbaiki, maaf atas ketidaknyamanannya.
Baca selengkapnya