Cicagak Berbagi

Search This Blog

Hubungi Kami

Dapatkan link
Facebook
X
Pinterest
Email
Aplikasi Lainnya

Anda bisa hubungi kontak kami melalui email di bawah.

Nama

E-mail *

Pesan *

Dapatkan link
Facebook
X
Pinterest
Email
Aplikasi Lainnya

Kategori

HTML Project1
HTML tag32

Postingan Populer

HTML a Tag Elemen, Tutorial Belajar kode editor

HTML a tag HTML Elemen <a> adalah tag yang digunakan untuk membuat link "tautan" <a href="...">Link</a>. Tag ini memungkinkan anda menghubungkan satu halaman dengan halaman lain, baik dalam situs yang sama maupun ke website lainya. tag <a> Link selain ekstensi (.html) bisa juga mengalihkan ke ekstensi lainya seperti video, audio, untuk pemutaran secara berlangsung. dan file unduhan lainya seperti (.docx .pdf .exe) Mengirimkan email, panggilan kontak telepon, kirim pesan Whatsapp lewat web di html, dan lebih banyak lagi tautan lainya. 1. html tag <a> link membuka halaman Disini ada dua tautan yang pertama tautan biasa apabila mengklik tautan tersebut maka halaman utama akan berpindah ke halaman yang di tuju, dan tautan yang kedua menambahkan atribut target="_blank" kedalam <a> apabila tautan tersebut di klik maka halaman utama akan tetap bertahan tidak berubah dan mebuka tab baru untuk berpindah ke tautan...

HTML audio Tag Elemen, Tutorial Belajar kode editor

HTML audio tag HTML elemen <audio> adalah tag yang digunakan untuk menyematkan file audio seperti (.mp3, .ogg, .wav) yang dikodekan sebagai Ogg Vorbis ke dalam halaman website. untuk URL file audio diberikan dalam atribut src elemen audio. Gaya dan perilaku elemen akan menjadi default yang ditentukan dalam spesifikasi HTML5 dan diimplementasikan oleh browser. 1. html tag <audio> putar audio mp3 dengan (controls) Memakai atribut controls maka komponen audio secara default akan menampilkan beberapa opsi kontrol seprti Play, Pause, Mute, Percepat, Download <!DOCTYPE html> <html> <body> <h3 style="font-size:20px; font-family:monospace;">Contoh Putar Audio .Mp3 Di Html</h3><hr>  <audio controls> <source src="https://cicagak.my.id/media-posts/audio/music/flamenco-meets-classical-252486.mp3" type="audio/mp3"> Your browser does not support the audio...

HTML aside Tag Elemen, Tutorial Belajar kode editor

HTML aside tag HTML Elemen <aside> adalah tag yang digunakan untuk membuat konten bilah sisi biasanya sering di temukan dalam dokumen terletak pada bilah sisi kanan atau kiri konten, tag aside tidak memiliki atribut khusus dan secara default akan berfungsi seperti tag div. tag aside biasanya berisi informasi tautan, penulis, dan konten terkait. 1. html tag <aside> dafault tanpa style css elemen aside tidak menampilkan visual yang menonjol akan terlihat text seperti biasa <!DOCTYPE html> <html> <head> <style> body {font-family:monospace;} </style> </head> <body> <h1>Contoh: HTML Elemen aside</h1><hr> <p>Bandung merupakan kota tujuan wisata yang sangat diminati wisatawan dalam dan luar negeri. Ada banyak destinasi wisata alam yang begitu menarik untuk dikunjungi.</p> <p>Berbagai wisatanya tentu mempunyai spot-spot Instagramable berlatarkan keindahan alam. Tak heran jika wisatawan in...

HTML b Tag Elemen, Tutorial Belajar kode editor

HTML b tag HTML Elemen <b> adalah tag yang digunakan untuk membuat teks menjadi tebal, b adalah dalam artian bold dalam bahasa inggris adalah tebal. 1. html tag <b> teks tebal <!DOCTYPE html> <html> <head> <style> body {color:#454545; font-family:arial, monospace; font-size:16px;} </style> </head> <body> <h2>Contoh HTML Elemen <b> teks tebal.</h2><hr> <p>Ini adalah area teks normal. <b>Coba lihat dan perhatikan disinilah area teks tebal di tuliskan</b> Selesai.</p> </body> </html> Salin Kode Lihat Hasil Cicagak Berbagi 2. html tag <b> teks tebal gunakan atribut style Teks dibawah ini adalah huruf tebal yang menggunakan atribut style terhubung ke properti css <!DOCTYPE html> <html> <head> <style> body {color:#454545; font-family:arial, monospace; font-size:16px;} </style> </head> <body> <...

HTML body Tag Elemen, Tutorial Belajar kode editor

HTML body tag HTML Elemen <body> adalah tag yang digunakan untuk membuat bagian isi badan html biasanya di tempatkan setelah akhiran </head>, seluruh tag element html di tempatkan di dalam <body> elemen yang menentukan konten utama dokumen HTML yang muncul di browser. elemen ini dapat berisi judul, teks, paragraf, link, foto, tabel, audio, video, embed, frame browser, dan lainnya lebih banyak lagi. Langsung saja kita lihat contoh body pada Live code html dibawah ini. 1. html tag <body> Mengatur font body di dalam tag style contoh di bawah sebagai berikut. <!DOCTYPE html> <html> <head> <title>html body</title> <style> body {font-family:monospace;} </style> </head> <body> <h1>Ini Adalah Heading 1</h1> <p>Ini Adalah Paragraf Kalimat.</p> <a href="https://cicagak.com/p/daftar-isi.html" target="_blank">Ini Adalah Link</a> ...

HTML blockqoute Tag Elemen, Tutorial Belajar kode editor

HTML blockqoute tag HTML Elemen <blockqoute> adalah tag yang digunakan untuk menunjukkan bahwa teks yang terlampir adalah garis besar kutipan yang diperluas indentasi secara visual. 1. html tag <blockqoute> contoh 1 <!DOCTYPE html> <html> <style> body {font-family:monospace;} blockquote { background: #eee; border-left: 8px solid #ccc; border-radius:8px; margin: 1.5em 10px; padding: 0.5em 10px; text-align:left; font-style:italic; font-size: 14px; font-family:monospace; } b {font-size:18px;} </style> <body> <h2>Contoh: HTML Elemen &amplt;blockquote> kutipan 1 </h2><hr> <blockquote cite="https://www.gramedia.com/literasi/peribahasa-bahasa-sunda"> <b>Percaya Diri</b><br> Percaya diri merupakan salah satu aspek kepribadian yang sangat penting dalam kehidupan manusia. Percaya diri adalah yakin terhadap kemampuan dan penilaian diri sendiri dalam melakukan tugas ...

HTML br Tag Elemen, Tutorial Belajar kode editor

HTML br tag HTML Elemen <br> adalah tag yang digunakan untuk membuat baris baru di dalam sebuah paragraf biasanya di tempatkan di dalam <p> atau langsung di tempatkan di dalam <body> untuk menyisipkan 1 baris kosong memberikan space row/ pemisah, BR adalah kepanjangan dari Line Break baris kosong pemisah <br> elemen tanpa penutup dan hasilnya juga hanya baris kosong. 1. html tag <br> pemisah <!DOCTYPE html> <html> <body style="font-family:monospace;"> <h2>Contoh: HTML Element br di bawah ini </h2><hr> <h3>Berapa Jumlah Daftar Angka Di Bawah?</h3> <p>  1. Satu<br> 2. Dua<br> 3. Tiga<br> 4. Empat<br> <br><br> <b>Total 6 tag br. 4 daftar angka yang di tampilkan</b> </p> </body> </html> Salin Kode Lihat Hasil Cicagak Berbagi 2. html tag <br> pemisah multi line Nampak lebih jelas ...

HTML button Tag Elemen, Tutorial Belajar kode editor

HTML button tag HTML Elemen <button> adalah salah satu dari komponen pada html yang sering kita jumpai di halaman website. biasanya digunakan ketika kita ingin mengirim data dari formulir atau digunakan sebagai tombol perintah lainya di HTML, button hampir sama dengan submit namun button punya tag tesendiri dan properti defaulnya berbeda biasanya berhubungan dengan kontrol javascript. 1. html tag <button> bawaan button bawaan nampak seperti biasa tidak ada keistimewaan dari jenis segi bentuk tersebut, agar terlihat lebih menarik anda harus menghubungkanya dengan style css. di dalam button memiliki banyak atribut seperti even onclick apabila tombol di klik maka akan memanggil perintah ke javascript interaktif mengenai peristiwa yang terjadi pada halaman web html. hasil contoh akan terlihat seperti di bawah ini. <!DOCTYPE html> <html> <body> <h2>Contoh: HTML Element button </h2><hr>  ...

HTML video Tag Elemen, Tutorial Belajar kode editor

HTML video tag HTML Elemen <video> adalah tag yang digunakan untuk menampilkan video di halaman website. sehingga pengguna untuk menonton video langsung di dalam browser secara realtime waktu berlangsung mereka tanpa harus instal plugin atau aplikasi program pemutar video eksternal. Pada HTML5 elemen <video> ini mendukung format video modern yaitu seperti (MP4, WebM, dan Ogg Theora). Hal ini untuk memudahkan pengembang web untuk menampilkan video di berbagai platform dan perangkat tanpa harus khawatir dukungan format video yang berbeda-beda. Pengembang web juga bisa menyisipkan Java Script untuk mengontrol pemutaran video, seperti (play pause stop) video secara otomatis, menentukan waktu yang tepat untuk mulai dan berhenti memutar video dan lain-lain. 1. html tag <video> putar video.mp4 controls Memakai atribut controls maka komponen video secara default akan menampilkan beberapa opsi kontrol seprti Play, Pause, Mute, Percepat, Download...

HTML img Tag Elemen, Tutorial Belajar kode editor

HTML img tag HTML Elemen <img> adalah tag yang digunakan untuk menyisipkan gambar di halaman website. sehingga bisa di akses oleh user untuk menampilkan profil identitas pengenal, poto gallery, background dan tampilan depan. Di dalam tag elemen <img> kita bisa mengaturnya untuk mengarahkan gambar mana yang akan di tampilkan yitu di dalam atribut src, lihat contoh seperti dibawah. 1. html tag <img> pemuatan gambar Tag img di bawah memiliki dua atribut yang di perlukan yaitu src dan alt berikut: src - Menentukan jalur pemuatan ke gambar tujuan alt - Menentukan teks alternatif untuk gambar, jika gambar tidak dapat di muat atau ditampilkan karena alasan lain <!DOCTYPE html> <html> <style> h2 {font-family:monospace;} </style> <body> <h2>Contoh: HTML Elemen <img></h2> <hr> <h2>Contoh Gambar Pemandangan </h2> <img src="https://cicagak.my.id/media-posts/images-post/images/gamb...

Diberdayakan oleh Blogger