02 September 2021

Home html Web desain Ask Belajar HTML untuk pemula ,mengenal tag Meta dan Iframe AdityaDees

Ask Belajar HTML untuk pemula ,mengenal tag Meta dan Iframe AdityaDees

Setiap elemen HTML dapat juga membawa atribut kelas. Atribut kelas HTML digunakan untuk menentukan satu atau lebih nama kelas untuk suatu elemen. Umumnya, atribut class menunjuk ke sebuah class dalam sebuah style sheet. Nama kelas sensitif huruf besar ataupun kecil, itu artinya Jono dan jono itu beda .


				
								
<pclass="classname"></p>

kelas di gunakan, ketika Anda mungkin memiliki beberapa paragraf teks yang mengandung informasi yang lebih penting daripada yang lain dan inginkan untuk membedakan elemen-elemen ini, atau Anda mungkin ingin membedakan antara tautan yang mengarah ke yang lain halaman di situs dan tautan Anda sendiri yang mengarah ke situs eksternal.

Atribut ini juga dapat digunakan oleh JavaScript melalui DOM HTML untuk membuat perubahan tertentu pada elemen HTML dengan nama kelas tertentu.


				
								
								
<!DOCTYPE html> 
<html> 
<head> 
<title>Title of the document</title>
 <style> 
.red { 
color: red; 
} 
.orange { 
color: orange; 
} 
</style> 
</head> 
<body> 
 
<p class="red">Ini adalah paragraf kelas merah</p> 
<p>Ini adalah beberapa teks.</p> 
<p class="orange">Ini adalah paragraf kelas orannye</p> 
</body> 
</html>

Hasil :

Ini adalah paragraf kelas merah

Ini adalah beberapa teks.

Ini adalah paragraf kelas orannye

Di CSS , jika Anda ingin memilih elemen dengan kelas tertentu, gunakan karakter titik (.) diikuti dengan nama kelas.

Iframe

Tag iframe membuat bingkai sebaris untuk menyematkan konten pihak ketiga (media, applet, dll.). Meskipun konten frame dan halaman web independen, mereka dapat berinteraksi melalui JavaScript.

Iframe seperti jendela kecil yang telah dipotong menjadi kotak halaman, dan di jendela itu Anda dapat melihat halaman lain. Syarat iframe adalah singkatan dari inline bingkai.

Salah satu penggunaan umum iframe (yang mungkin pernah Anda lihat di berbagai situs web) adalah untuk menyematkan Google Map ke dalam sebuah halaman.isi iframe bisa apa saja halaman html (baik terletak di server yang sama atau di mana pun di Web).


				
								
<iframe 
width="450" 
height="350" 
src="http://selawesewelas.blogspot.com">
</iframe>

Hasil:

Untuk mengatur ukuran iframe, gunakan atribut width dan height , atau gunakan CSS . Nilai atribut ditetapkan dalam piksel secara default, tetapi juga dapat dalam persen.

Informasi tentang halaman <meta>

Tag <meta> mengandung metadata, yang menentukan deskripsi halaman, kata kunci, penulis dokumen, dll .Metadata yang digunakan oleh browser, mesin, dan layanan web lainnya mencari, dan tidak ditampilkan pada halaman web. Dokumen web dapat berisi lebih dari satu tag <meta> , tetapi umumnya, tampilan fisik dokumen tidak terpengaruh olehnya.

Menentuka kata kunci untuk mesin pencari:


				
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Tentukan deskripsi situs web:


				
<meta name="description" content="Belajar HTML">

Tentukan penulis halaman:


				
								
<meta name="author" content="namaauthor">

Refresh dokumen setiap satu menit (60 detik):


				
								
<meta http-equiv="refresh" content="60">

Atur viewport untuk membuat situs web terlihat bagus di semua perangkat:


				
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Tag <meta> ditempatkan di tag <head> . Anda harus menentukan atribut konten jika nama atau atribut http-equiv didefinisikan. Jika atribut ini tidak ditentukan, atribut konten juga tidak dapat ditentukan.

Tag <meta> adalah kosong, yang berarti bahwa tag penutup tidak diperlukan. Namun dalam XHTML , tag (<meta> ) harus ditutup ().

Selanjutnya