Membuat Template HTML Beserta Fungsinya
 |
| Ilustrasi Tag Template HTML |
<template> Konten... </template>
Catatan: merupakan template baru yang terdapat pada HTML5.
Baca Juga:
<!DOCTYPE html>
<html>
<head>
<title>
HTML Tag Template
</title>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h3>
HTML Tag Template
</h3>
<p>
Konten yang berada didalam tag template disembunyikan dari user.
</p>
<template>
<h2>
Blog BKTIK: Portal Ilmu Komputer
</h2>
<img
src=
"https://2.bp.blogspot.com/-HIpgrPEaPN0/YKiLXxnkV3I/AAAAAAAANwY/tkZSGxfbrCwvRpwZT1b6BH53zgfn8NQxwCK4BGAYYCw/s35/964d6513-5fb5-479e-b018-c0af234fddca.jpg">
Content Writer:
<input
type="text"
placeholder="nama author">
</template>
</body>
</html>
Output:Blog Elfan
HTML Tag Template
Konten yang berada didalam tag template disembunyikan dari user.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Tag Template
</title>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h3>
HTML Tag Template
</h3>
<p>
Klik tombol untuk mendapatkan konten dari template,
dan menampilkannya pada halaman website.
</p>
<button onclick="myBons()">
Tampilkan Konten
</button>
<template>
<h2>
Blog BKTIK: Portal Ilmu Komputer
</h2>
<img
src=
"https://2.bp.blogspot.com/-HIpgrPEaPN0/YKiLXxnkV3I/AAAAAAAANwY/tkZSGxfbrCwvRpwZT1b6BH53zgfn8NQxwCK4BGAYYCw/s35/964d6513-5fb5-479e-b018-c0af234fddca.jpg">
<br>
Content Writer:
<input
type="text"
placeholder="nama author">
</template>
<script>
function myBons()
{
var t = document.getElementsByTagName("template")[0];
var clone = t.content.cloneNode(true);
document.body.appendChild(clone);
}
</script>
</body>
</html>
- Cara Mudah Membuat Judul pada Dokumen HTML Menggunakan Tag Title [klik]
- Cara Membuat Teletype Teks pada HTML Menggunakan Tag TT [klik]
- 2 Contoh Pembuatan Garis Bawah pada Teks Menggunakan Tag U HTML [klik]
- Penggunaan Tag Var untuk Membuat Variabel pada HTML [klik]
- Cara Menentukan Tipe File yang Diterima Server Atribut Accept HTML [klik]
- Cara Mendefinisikan Karakter Encoding Menggunakan Accept-charset HTML [klik]
- 12 Cara Akses Pintasan Menggunakan Atribut Accesskey pada HTML [klik]
Apa yang dimaksud dengan tag template pada dokumen HTML?
BalasHapusTag Template pada HTML digunakan sebagai wadah untuk menampung beberapa konten HTML yang disembunyikan dari user ketika halaman website dibuat. Konten yang berada dalam tag template dapat dirender kemudian menggunakan JavaScript. User dapat menggunakan tag template jika memiliki beberapa kode HTML yang akan digunakan secara berulang, tetapi baru dikeluarkan jika ada perintah untuk mengeksekusinya.
HapusApa yang dimaksud dengan template?
BalasHapusTag template merupakan fungsi PHP yang digunakan untuk menghasilkan dan menampilkan informasi secara dinamis pada dokumen HTML.
HapusBagaimana cara menggunakan tag template pada dokumen HTML?
BalasHapus1. Simpan template CSS pada direktori yang sama dengan halaman HTML tersebut berada yang ingin digunakan bersama dengan template tersebut.
Hapus2. Buka file HTML menggunakan teks editor.
3. Temukan tag head pada file HTML.
4. Simpan file HTML.
5. Buka file hTMl pada web browser yang terdapat pada komputer.