Pengenalan Code HTML Membuat Tab Baru

Pengenalan Code HTML Membuat Tab Baru. Hai ! Tutorial lalu kita sudah mempelajari tentang Pengenalan Code HTML Teks Deleted , jika anda ingin lebih jelas mengenal HTML anda bisa mengunjungi halaman berikut : https://www.dicloud.id/tutorial/categories/perkenalan-html , disini kita akan mempelajari tentang Pengenalan Code HTML Membuat Tab Baru , berikut penjelasannya :

disini kita akan mempelajari tentang Pengenalan Code HTML Membuat Tab Baru , berikut penjelasannya :

Code HTML Membuat Tab Baru

Disini saya akan memberikan contoh code HTML untuk berguna sebagai new tab , berikut contoh nya :

<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		
		.bg {
    background-color: #28e9ed;
    color: white;
    padding: 10px;
    text-align: justify;
    	}
    	.gd {
    background-color: #5fed28;
    padding: 100px;
    color: : #000000;		
    	}
    	.btn {
    background-color: #292cc6;
    padding: 10px;
    color: #ffffff;
    border: 14px;
    size: 13px;
    	}
    	.cmark{
    		background-color: #292cc6;
    	}
	</style>
	<title>Test</title>
</head>
<body>
<h3><i class="bg">What is Lorem Ipsum?</i></h3>
<blockquote class="gd"><h1>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
 <a href="https://www.google.co.id/" target="_blank"><small>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</small></a>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</h1></blockquote>


</body>
</html>

<!DOCTYPE html>

<html>

<head>

.bg {

background-color: #28e9ed;

color: white;

padding: 10px;

text-align: justify;

}

.gd {

background-color: #5fed28;

padding: 100px;

color: : #000000;

}

.btn {

background-color: #292cc6;

padding: 10px;

color: #ffffff;

border: 14px;

size: 13px;

}

.cmark{

background-color: #292cc6;

}

</style>

</head>

<body>

<h3><i class="bg">What is Lorem Ipsum?</i></h3>

<blockquote class="gd"><h1>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<a href="https://www.google.co.id/" target="_blank"><small>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</small></a>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</h1></blockquote>

</body>

</html>

dan akan muncul hasil seperti gambar dibawah ini :

Pengenalan Code HTML Membuat Tab Baru

Disini kita menggunakan elemen sama yaitu <a href=””> atau bisa disebut hyperlink , di dalam elemen hyperlink ada code baru yaitu target=”_blank” , fungsi code ini digunakan untuk membuat sebuah blank tab baru , jika anda klik link tersebut maka anda akan menuju ke tab baru .

Kesimpulan

Jika anda ingin input sebuah proses untuk menuju ke tab baru , anda bisa menggunakan elemen <a href=”” target=”_blank” > untuk input proses ke tab baru.

Sekian Terima Kasih.

Author: Dicloud Support

Technical Support in dicloud.id

Panduan & Tutorial

Pengenalan Code HTML Membuat Tab Baru