Cara Membuat Karakter Copyright

Cara Menampilkan Simbol Copyright di HTML

Pendahuluan

Artikel ini akan membahas cara menampilkan simbol copyright di HTML dengan menggunakan elemen dan properti yang tersedia.

Cara Membuat dan Menentukan Bingkai (Border) Tabel pada HTML

Pada saat-saat tertentu mungkin Anda perlu untuk menampilkan karakter-karakter khusus yang kalian bingung pengaplikasiannya pada halaman web, seperti pada artikel teks preformat sebelumnya. Karakter khusus atau simbol seperti ™, ½, &, ®, ©, ± dan lain-lain dapat diterapkan ke dalam halaman web. Untuk melakukan hal tersebut, Anda perlu menggunakan entitas karakter yang sudah disediakan oleh HTML.

Dalam pembelajaran ini, kita akan membahas cara menampilkan karakter copyright (©) menggunakan HTML. Simbol ini digunakan untuk menunjukkan bahwa suatu merek atau produk dilindungi secara hukum.

Simbol copyright (©) adalah simbol yang digunakan untuk menunjukkan bahwa suatu merek atau produk dilindungi secara hukum.

Konsep Dasar

Simbol copyright dapat ditampilkan dalam dokumen HTML menggunakan elemen khusus yang disebut "entity reference." Entity reference untuk copyright adalah ©.

Karakter copyright adalah simbol © yang digunakan untuk menandai merek dagang terdaftar. Karakter ini dapat ditampilkan di dokumen HTML menggunakan dua cara, yaitu:

Menggunakan karakter entitas HTML
Menggunakan kode Unicode

Menggunakan entitas karakter

Bagaimana cara menampilkan simbol copyright (©) dalam HTML? Karakter copyright memiliki karakter entitas HTML yaitu ©. Untuk menampilkan karakter ini, kita dapat menambahkannya ke dokumen HTML sebagai berikut:

Karakter	Kode Escape	Hasil
copyright	©	©

Simbol copyright (©) dapat digunakan untuk berbagai keperluan di HTML, seperti dapat digunakan untuk menandai merek dagang terdaftar.

Contoh Menggunakan Karakter Entitas HTML:

<p>Logo XYZ&copy; adalah simbol keunggulan.</p>

Jika ingin menambahkan simbol copyright ke dalam atribut, pastikan menggunakan entity reference dengan cara berikut:

Contoh:

<img src="logo-xyz.jpg" alt="Logo XYZ&copy;"/>

Menggunakan karakter Unicode

Unicode adalah standar pengkodean karakter yang digunakan untuk mewakili semua simbol yang ada di dunia. Bagaimana cara menampilkan simbol copyright (©) dalam HTML? Kode Unicode untuk karakter trademark adalah &#x00A9. Untuk menampilkan karakter ini, kita dapat menambahkannya ke dokumen HTML sebagai berikut:

Format umum penggunaan Kode karakter copyright adalah:

Karakter	Unicode	Kode Escape	Hasil
Copyright	Notasi Hexadecimal	©	©
Copyright	Notasi Desimal	™	™

Berikut adalah contoh penggunaan karakter Unicode untuk menampilkan karakter Trademark dengan menggunakan notasi hexacedimal dan decimal:

Contoh dengan Notasi Hexadecimal:

<p>Ini adalah contoh karakter Trademark (™): &#x2122;</p>

Contoh dengan Notasi Decimal:

<p>Logo XYZ&#8482; adalah simbol keunggulan.</p>

Contoh kode di atas akan menampilkan karakter Trademark dalam halaman HTML, baik menggunakan notasi heksadesimal maupun notasi desimal Unicode.

Pastikan menuliskan notasi Hexadecimal dan Decimal dengan benar, dan pastikan tidak ada spasi tambahan di dalam notasi. Pilih satu metode penulisan (entity reference, Hexadecimal, atau Decimal) untuk memastikan keseragaman dalam dokumen HTML.

Contoh Kode

Jika kalian ingin mempraktikan, berikut ini adalah contoh kode lengkapnya tentang cara membuat karakter Trademark:

Contoh:

<html>
  <head>
    <title>Format Teks</title>
  </head>
  <body>
    <h2>Demo Menampilkan Karakter Copyright</h2>
    <p /><strong>&copy; : Copyright</strong>
    <p />Menampilkan karakter &copy; (Copyright)
  </body>
</html>

Gambar dibawah ini adalah Gambar hasil praktikum membuat karakter Trademark sesuai dengan script diatas.

Pertanyaan yang Mungkin Muncul

Apa bedanya antara notasi Hexadecimal dan Decimal? Notasi Hexadecimal menggunakan basis 16, sedangkan Decimal menggunakan basis 10. Keduanya dapat digunakan untuk menampilkan karakter trademark.
Bolehkah kita mencampur notasi Hexadecimal dan Decimal dalam satu dokumen? Sebaiknya tidak, gunakan satu jenis notasi untuk keseragaman.
Bagaimana cara menentukan apakah menggunakan notasi Hexadecimal atau Decimal? Pilih salah satu yang lebih nyaman untuk Anda. Keduanya valid untuk menampilkan simbol trademark dalam HTML.

Kesimpulan

Menampilkan karakter copyright dengan HTML adalah tugas yang relatif mudah. Anda dapat menggunakan karakter entitas HTML atau kode Unicode untuk menampilkan karakter ini.

	Code	Glyph	Decimal	Octal	#	Description
ASCII Punctuation & Symbols	U+0020		32	040	0001	Space
	U+0021	!	33	041	0002	Exclamation mark
	U+0022	"	34	042	0003	Quotation mark
	U+0023	#	35	043	0004	Number sign, Hash, Octothorpe, Sharp
	U+0024	$	36	044	0005	Dollar sign
	U+0025	%	37	045	0006	Percent sign
	U+0026	&	38	046	0007	Ampersand
	U+0027	'	39	047	0008	Apostrophe
	U+0028	(	40	050	0009	Left parenthesis
	U+0029	)	41	051	0010	Right parenthesis
	U+002A	*	42	052	0011	Asterisk
	U+002B	+	43	053	0012	Plus sign
	U+002C	,	44	054	0013	Comma
	U+002D	-	45	055	0014	Hyphen-minus>
	U+002E	.	46	056	0015	Full stop
	U+002F	/	47	057	0016	Slash (Solidus)
ASCII Digits	U+0030	0	48	060	0017	Digit Zero
	U+0031	1	49	061	0018	Digit One
	U+0032	2	50	062	0019	Digit Two
	U+0033	3	51	063	0020	Digit Three
	U+0034	4	52	064	0021	Digit Four
	U+0035	5	53	065	0022	Digit Five
	U+0036	6	54	066	0023	Digit Six
	U+0037	7	55	067	0024	Digit Seven
	U+0038	8	56	070	0025	Digit Eight
	U+0039	9	57	071	0026	Digit Nine
ASCII Punctuation & Symbols	U+003A	:	58	072	0027	Colon
	U+003B	;	59	073	0028	Semicolon
	U+003C	<	60	074	0029	Less-than sign
	U+003D	=	61	075	0030	Equal sign
	U+003E	>	62	076	0031	Greater-than sign
	U+003F	?	63	077	0032	Question mark
	U+0040	@	64	0100	0033	At sign
Latin Alphabet: Uppercase	U+0041	A	65	0101	0034	Latin Capital letter A
	U+0042	B	66	0102	0035	Latin Capital letter B
	U+0043	C	67	0103	0036	Latin Capital letter C
	U+0044	D	68	0104	0037	Latin Capital letter D
	U+0045	E	69	0105	0038	Latin Capital letter E
	U+0046	F	70	0106	0039	Latin Capital letter F
	U+0047	G	71	0107	0040	Latin Capital letter G
	U+0048	H	72	0110	0041	Latin Capital letter H
	U+0049	I	73	0111	0042	Latin Capital letter I
	U+004A	J	74	0112	0043	Latin Capital letter J
	U+004B	K	75	0113	0044	Latin Capital letter K
	U+004C	L	76	0114	0045	Latin Capital letter L
	U+004D	M	77	0115	0046	Latin Capital letter M
	U+004E	N	78	0116	0047	Latin Capital letter N
	U+004F	O	79	0117	0048	Latin Capital letter O
	U+0050	P	80	0120	0049	Latin Capital letter P
	U+0051	Q	81	0121	0050	Latin Capital letter Q
	U+0052	R	82	0122	0051	Latin Capital letter R
	U+0053	S	83	0123	0052	Latin Capital letter S
	U+0054	T	84	0124	0053	Latin Capital letter T
	U+0055	U	85	0125	0054	Latin Capital letter U
	U+0056	V	86	0126	0055	Latin Capital letter V
	U+0057	W	87	0127	0056	Latin Capital letter W
	U+0058	X	88	0130	0057	Latin Capital letter X
	U+0059	Y	89	0131	0058	Latin Capital letter Y
	U+005A	Z	90	0132	0059	Latin Capital letter Z
ASCII Punctuation & Symbols	U+005B	[	91	0133	0060	Left square bracket
	U+005C	\	92	0134	0061	Backslash
	U+005D	]	93	0135	0062	Right square bracket
	U+005E	^	94	0136	0063	Circumflex accent
	U+005F	_	95	0137	0064	Low line
	U+0060	`	96	0140	0065	Grave accent
Latin Alphabet: Lowercase	U+0061	a	97	0141	0066	Latin Small Letter A
	U+0062	b	98	0142	0067	Latin Small Letter B
	U+0063	c	99	0143	0068	Latin Small Letter C
	U+0064	d	100	0144	0069	Latin Small Letter D
	U+0065	e	101	0145	0070	Latin Small Letter E
	U+0066	f	102	0146	0071	Latin Small Letter F
	U+0067	g	103	0147	0072	Latin Small Letter G
	U+0068	h	104	0150	0073	Latin Small Letter H
	U+0069	i	105	0151	0074	Latin Small Letter I
	U+006A	j	106	0152	0075	Latin Small Letter J
	U+006B	k	107	0153	0076	Latin Small Letter K
	U+006C	l	108	0154	0077	Latin Small Letter L
	U+006D	m	109	0155	0078	Latin Small Letter M
	U+006E	n	110	0156	0079	Latin Small Letter N
	U+006F	o	111	0157	0080	Latin Small Letter O
	U+0070	p	112	0160	0081	Latin Small Letter P
	U+0071	q	113	0161	0082	Latin Small Letter Q
	U+0072	r	114	0162	0083	Latin Small Letter R
	U+0073	s	115	0163	0084	Latin Small Letter S
	U+0074	t	116	0164	0085	Latin Small Letter T
	U+0075	u	117	0165	0086	Latin Small Letter U
	U+0076	v	118	0166	0087	Latin Small Letter V
	U+0077	w	119	0167	0088	Latin Small Letter W
	U+0078	x	120	0170	0089	Latin Small Letter X
	U+0079	y	121	0171	0090	Latin Small Letter Y
	U+007A	z	122	0172	0091	Latin Small Letter Z
ASCII Punctuation & Symbols	U+007B	{	123	0173	0092	Left curly bracket
	U+007C	\|	124	0174	0093	Vertical bar
	U+007D	}	125	0175	0094	Right curly bracket
	U+007E	~	126	0176	0095	Tilde

Orang lain juga bertanya (FAQ)

Berikut adalah beberapa pertanyaan yang sering diajukan pengguna tentang materi diatas:

Cara Membuat Karakter Copyright ("©")

Berikut adalah entitas karakter yang digunakan untuk menampilkan karakter copyright ("©").

Dasar membuat tabel

Kuasai dasar membuat tabel dengan mudah dan efektif untuk meningkatkan produktivitas Anda dengan panduan dasar membuat tabel.

Cara membuat bingkai atau border tabel

Tambahkan sentuhan profesional pada tabel Anda dengan cara mudah membuat bingkai atau border pada tabel yang elegan.

Mengatur tinggi dan lebar sel tabel

Optimalkan tata letak tabel Anda dengan mempelajari cara mudah mengatur tinggi dan lebar sel tabel untuk presentasi data yang lebih menarik dan informatif.

Memberi warna background sel tabel

Berikan sentuhan visual yang menakjubkan pada tabel Anda dengan tutorial lengkap tentang cara memberi warna latar belakang sel tabel untuk meningkatkan daya tarik dan keterbacaan sekarang.

Mengatur jarak antar sel pada tabel

Perfeksionis tabel Anda dengan mudah! Pelajari trik pintar mengatur jarak antar sel pada tabel untuk tampilan yang rapi dan terorganisir dalam sekejap.

Mengatur jarak teks dengan border tabel

Desain profesional tabel untuk tampilan yang presisi dan elegan dengan mempelajari cara mengatur jarak teks dengan border tabel.

Membentangkan sel menjadi beberapa baris

Pelajari bagaimana cara membentangkan sel menjadi beberapa baris untuk presentasi data yang lebih terperinci dan menarik.

Membentangkan sel menjadi beberapa kolom

Kembangkan fleksibilitas tampilan tabel Anda dengan mempelajari cara membentangkan sel menjadi beberapa kolom untuk visualisasi data yang lebih dinamis dan informatif.

Selain beberapa pertanyaan diatas, ada beberapa pertanyaan lain yang mungkin ingin Anda tahu mengenai materi pemprograman web.

Bagaimana cara menjadikan gambar sebagai link?

Bergaya dan efektif: temukan cara mudah menjadikan gambar sebagai link untuk meningkatkan interaktivitas halaman web Anda!.

Teks Alignment (left, right, center & justify)

Persembahkan tampilan yang rapi dan profesional dengan panduan lengkap tentang teks alignment (kiri, kanan, tengah, dan rata kanan-kiri) - pelajari rahasia tata letak yang sesuai dengan gaya Anda!

Format teks (Bold, Italic, Underline)

Untuk memberi tampilan yang menarik pada konten Anda, pelajari cara membuat teks bold, italic, dan underline dengan tutorial praktis.

Tambahkan sentuhan hukum ke situs web Anda: pelajari cara membuat dan menampilkan karakter copyright untuk melindungi karya dan memberi identitas pada halaman web Anda!

Pandu Essentials

Table of Content