coding
Showing posts with label coding. Show all posts
Showing posts with label coding. Show all posts

Tag HTML Untuk Pindah Baris Baru

February 20, 2018 Add Comment

Kali ini Admin akan memposting tag html untuk pindah ke baris baru, silahkan buat code seperti berikut pada notepad++ (Aplikasi lain juga bisa, tetapi disarankan pakai aplikasi ini).
Code :

<html>
<head>
<title>Garis Baru</title>
</head>
<body>
Ini adalah baris pertama</br>
Ini adalah baris kedua</br>
Ini adalah baris ketiga</br>
</body>
</html>

Silahkan di save sebagai file html, dan buka dibrowser.

Disana akan muncul tiga baris kalimat, coba hapus tag “</br>” dan lihat apa yang terjadi. Ya, tiga kalimat itu akan menjadi satu baris, jadi untuk menambah baris baru kita perlu memasukkan tag “</br>” pada akhir kalimat yang akan kita buat baris baru.

Itulah tadi bagaimana cara untuk pindah baris baru menggunakan tag html, silahkan teman-teman fahami dan coba lagi acak-acak kodenya jika sudah sedikit faham.

Tag HTML Untuk Menebalkan Huruf

February 20, 2018 Add Comment

Kali ini kita akan membahas bagaimana caranya untuk menebalkan huruf dengan tag html, terkadang dalam suatu postingan kita terdapat kalimat yang cukup penting, dan kita ingin memperjelas kalimat itu, maka kita akan menebalkannya. 

Silahkan buat code berikut pada notepad++ kalian :

<html>
<head>
<title>Huruf Tebal</title>
</head>
<body>
<b>ini huruf tebal dengan code “b”</b>
<strong>ini huruf tebal dengan code “strong”</strong>
</body>
</html>

Silahkan disave sebagai file html, dan buka pada browser kalian, dan lihat hasilnya.

Ada dua baris kalimat sama-sama huruf tebal, padahal code beda, kenapa bisa? Karena tag “b” dan tag “strong” memiliki fungsi yang sama, yaitu menebalkan huruf, sekarang yang lebih sering dipakai adalah tag “strong”.

Itulah tadi bagaimana cara menebalkan huruf di html, silahkan difahami dan dicoba untuk diganti kalimatnya agar menjadi lebih faham.

Fungsi Tag Marquee Pada HTML

February 20, 2018 Add Comment

Kali ini Admin akan memposting fungsi tag marquee pada html, langsung saja kita bahas.
Tag marquee pada html ini berfungsi untuk membuat teks/gambar/body website atau blog menjadi berjalan.

Contoh tag :
<marquee>Selamat Datang</marquee>
Info : Tulisan “Selamat Datang“ di atas akan berjalan dari kanan ke arah kiri.

Contoh tag :
<marquee><a href=”link.com”>Link</a></marquee>
Info : Link pada contoh tag di atas akan bergerak.

Kira-kira seperti itulah fungsi dari tag marquee pada html, kalian juga bisa memberi style pada tag marquee ini, misalnya merubahnya dari atas ke bawah, atau membuatnya berhenti bergerak pada saat kursor berada di atasnya.

Fungsi Tag DIV Pada HTML

February 20, 2018 Add Comment

Kali ini Admin akan membahas fungsi dari tag div pada html, langsung saja Admin jelaskan ya, tag div artinya Division.
Maksudnya tag ini mengatur divisi pada tag html, tag div ada dua macam, yaitu “id” dan “class”.

Contoh div id :
<div id=”header”>Tag Div ID dengan ID “Header”</div>
Penjelasan :
Maksudnya semua yang di apit tag div ini termasuk kedalam divisi ini, dan nama divisinya adalah “header”. Tag div id hanya bisa dipakai sekali saja, biasanya untuk “header”,”artikel”,”sidebar”,”footer” dan div lainnya yang tidak dipakai berulang kali.

Contoh div class :
<div class=”iklan”>Disini semua tentang iklan</div>
Penjelasan :
Maksudnya sama seperti tag div id, tetapi pada tag div class ini bisa dipakai berulang kali, misalnya seperti contoh diatas, kita akan memasang divisi untuk bagian iklan, iklan biasanya tidak hanya satu saja, ntah itu dibagian header sebuah, atau di bagian footer, atau sidebar, kita tetap bisa menggunakan nama divisi yang sama seperti iklan lainnya.

Kira-kira seperti itulah fungsi tag div pada html, jika ada yang kurang dimengerti silahkan bertanya pada kolom komentar, selamat mencoba.

Cara menutup tag html

February 20, 2018 Add Comment

Kali ini kita akan membahas cara menutup tag html, kenapa tag html perlu di tutup? Jawabannya karena jika tidak di tutup maka tag html akan cacat, efeknya akan membuat semua tag atau kalimat dibawah tag tersebut akan dianggap didalam tag itu.
Baiklah langsung saja kita bahas bagaimana caranya untuk menutup tag html atau mengakhiri tag html.
Tag html berdasarkan cara menutupnya ada dua cara :

1.Tag dengan penutup tanpa menulis ulang nama tag .
Contohnya adalah tag gambar :
<img src=”linkgambar.com/gambar.jpg” />
Tag seperti ini akan ditutup langsung di bagian ujungnya sebelum tutup kurung yaitu dengan menggunakan garis miring “/”.

2.Tag penutup dengan tulis nama tag ulang.
Contoh adalah tag title :
<title>Nama Web</title>
Tag seperti ini akan ditutup dengan cara menulis ulang tagnya, tetapi disertai garis miris “/” sebelum nama tagnya.

Itulah bagaimana cara menutup tag html, berbeda tag nya akan membuat cara menutupnya berbeda juga, jadi silahkan dikenal terlebih dahulu tag yang terdapat dalam html, selamat mencoba.

Cara Menampilkan Teks Petunjuk di Dalam Form Dengan HTML

February 20, 2018 Add Comment

Pernahkah kalian melihat teks petunjuk didalam form yang pada saat diklik akan menghilang, kira-kira gambarnya seperti dibawah ini :

Lalu bagaimana cara membuatnya? Baiklah langsung saja kita akan bahas, ketiklah code seperti dibawah berikut pada file html kalian :

<input type="text" name="search" placeholder="Cari Anime . . . ."/>

Simpan file html kalian, lalu lihat hasilnya pada browser.
Kemudian edit lagi code tadi dan hapus code (placeholder="Cari Anime . . . .") lalu simpan kembali dan lihat lagi hasinya di browser.

Penjelasan :
Dari percobaan di atas kita sudah bisa tau jika code untuk menampilakan teks petunjuk pada form dengan html adalah code (placeholder).

Kira-kira seperti itulah tadi penjelasan singkat mengenai Cara menampilkan teks petunjuk di dalam form dengan html, silahkan dicoba kembali agar bisa dipahami dan jika ada yang perlu ditanyakan silahkan berkomentar.

Cara Menambahkan Link di Html

February 20, 2018 Add Comment


Kali ini Admin akan memposting cara menambahkan Link di html, untuk menambahkan link di html kita menggunakan tag “a” yang disertai “href”.
Contoh cara membuatnya :

<a href=”hananime.com/category/dxd”>Highschool DxD</a>

Penjelasan cara membuatnya :
Ganti link dengan dalam tanda petik dengan link yang ingin kamu pasang, ganti juga kalimatnya dengan kalimat yang ingin kamu jadikan link.

Misalnya kamu ingin membuat link sebuah blog download anime, dan nama blog itu “HanaNime” dan linknya adalah “hananime.com” maka cara memasangnya adalah seperti berikut :

<a href=”hananime.com”>HanaNime</a>

Itulah sedikit cara untuk menambahkan link di html, silahkan dicoba dan ditanyakan jika kurang jelas dari penjelasan ini.

Cara Menambahkan Alt Image Yang Benar di Blogspot

February 20, 2018 Add Comment

Kali ini kita akan membahas bagaimana cara menambahkan Alt image yang benar di blogspot,Alt image ini fungsinya adalah sebagai teks yang akan ditampilkan jika gambar yang kita masukkan tidak berhasil dimuat, ada banyak faktornya misalkan saja karena jaringan visitor yang kurang bagus atau file gambar sudah terhapus dari host. langsung saja kita bahas caranya ya.
  1. Masukkanlah sebuah gambar ke postingan.
  2. Ada 2 type pada blogspot pada saat kita memposting, pilihlah type html.
  3. Edit tag berikut : <img src=”linkweb.com/gambar.jpg” />
  4. Menjadi seperti berikut : <img src=”linkweb.com/gambar.jpg” alt=”nama gambar”/>
  5. Publish.

Begitulah cara menambahkan Alt image yang benar di blogspot,silahkan dicoba terlebih dahulu dan tanyakan jika ada yang masih kurang jelas.

Cara Membuat Huruf Diwebsite Menjadi Rata Tengah Dengan Tag HTML

February 20, 2018 Add Comment

Baiklah kali ini kita membahas cara membuat huruf diwebsite menjadi rata tengah dengan tag html, adakalanya kita ingin huruf pada website kita menjadi rata tengah, dan berikut adalah caranya.
Gunakan tag berikut :

<center>isi yang ingin dijadikan rata tengah atau berada ditengah</center>

Tagnya sangat sederhana bukan? Kalian bisa juga mengedit kalimat atau foto atau bahkan video agar bisa menjadi ditengah dengan tag ini.
Itulah tadi artikel Cara membuat huruf diwebsite menjadi rata tengah dengan tag html, semoga dapat dipahami dan semoga bisa membantu teman-teman pembaca semua, baca juga artikel lainnya di blog sederhana kami ini, terima kasih.

Cara Memasukkan Video Diwebsite Dengan Tag HTML

February 20, 2018 Add Comment
Kali ini kita akan membahas cara memasukkan video ke dalam website dengan tag html, berikut adalah caranya.
Ketik code dibawah ini dimana kamu ingin memasukkan video kedalam website kamu.

Code : 
<video controls src="linkvideo.com"></video>
Keterangan :
Code diatas adalah code untuk memasukkan video kedalam website, kamu hanya perlu mengganti “linkvideo.com” dengan link video yang ingin kamu masukkan, kamu juga bisa menghapus “controls” jika tidak ingin menampilkan kontrol video seperti play/stop.

Itulah tadi cara memasukkan video diwebsite dengan tag html, jika kalian menggunakan blogger atau worpress maka untuk memasukkan video tidaklah sulit jika ingin dimasukkan kedalam postingan, selamat mencoba.

Subscribe to: Posts (Atom)