Home » Uncategories » HTML : Membuat Simbol pada HTML

HTML : Membuat Simbol pada HTML

Assalammualaikum Wr. Wb.

Create-script - haii gaessss...kali ini saya akan sharing mengenai Cara membuat simbol di HTML, bagaimana cara membuatnya?. kita simak pembahasan berikut.



A. PENDAHULUAN
  • Pengertian
    Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

  • Latar Belakang
    banyak website yang sekarang ini menggunakan simbol simbol, sebenarnya ini tidak terlalu berpengaruh, simbol ini hanya digunakan untuk tambahan atau penghias tampilan website.

  • Maksud dan Tujuan
    Agar dapat membuat simbol dan memahami kode-kodenya

  • Hasil yang Diharapkan
    Dapat membuat simbol dengan menggunakan HTML


B. ALAT DAN BAHAN
  • Text Editor
  • Web Browser

C. PEMBAHASAN

HTML, selain menyediakan kode-kode untuk warna, juga menyediakan kode untuk membuat simbol. ada 2 jenis kode simbol HTML, yaitu:
  • number
  • entity
  • Cara membuat simbol menggunakan HTML
berikut ini adalah beberapa kode untuk menampilkan simbol pada HTML :

baik kita langsung praktek saja, ketikkan script berikut :
<!DOCTYPE html>
<html>
<head>
    <title>Membuat Simbol pada HTML</title>
</head>
<body>
    <h1>Menggunakan Simbol Numeric</h1>
    <p>&#8704 simbol ke-1</p>
    <p>&#8706 simbol ke-2</p>
    <p>&#8707 simbol ke-3</p>
    <p>&#8709 simbol ke-4</p>
    <p>&#8711 simbol ke-5</p>
    <p>&#8712 simbol ke-6</p>
    <p>&#8713 simbol ke-7</p>
    <p>&#8715 simbol ke-8</p>
    <p>&#8719 simbol ke-9</p>
    <p>&#8721 simbol ke-10</p>
    <p>&#913 simbol ke-11</p>
    <p>&#914 simbol ke-12</p>
    <p>&#915 simbol ke-13</p>
    <p>&#916 simbol ke-14</p>
    <p>&#917 simbol ke-15</p>
    <p>&#918 simbol ke-16</p>
    <p>&#169 simbol ke-17</p>
    <p>&#174 simbol ke-18</p>
    <p>&#8364 simbol ke-19</p>
    <p>&#8482 simbol ke-20</p>
    <p>&#8592 simbol ke-21</p>
    <p>&#8593 simbol ke-22</p>
    <p>&#8594 simbol ke-23</p>
    <p>&#8595 simbol ke-24</p>
    <p>&#9824 simbol ke-25</p>
    <p>&#9827 simbol ke-26</p>
    <p>&#9829 simbol ke-27</p>
    <p>&#9830 simbol ke-28</p>
    <h1>Menggunakan simbol Entity</h1>
    <p>&forall simbol ke-1</p>
    <p>&part simbol ke-2</p>
    <p>&exist simbol ke-3</p>
    <p>&empty simbol ke-4</p>
    <p>&nabla simbol ke-5</p>
    <p>&isin simbol ke-6</p>
    <p>&notin simbol ke-7</p>
    <p>&ni simbol ke-8</p>
    <p>&prod simbol ke-9</p>
    <p>&sum simbol ke-10</p>
    <p>&Alpha simbol ke-11</p>
    <p>&Beta simbol ke-12</p>
    <p>&Gamma simbol ke-13</p>
    <p>&Delta simbol ke-14</p>
    <p>&Epsilon simbol ke-15</p>
    <p>&Zeta simbol ke-16</p>
    <p>&copy simbol ke-17</p>
    <p>&reg simbol ke-18</p>
    <p>&euro simbol ke-19</p>
    <p>&trade simbol ke-20</p>
    <p>&larr simbol ke-21</p>
    <p>&uarr simbol ke-22</p>
    <p>&rarr simbol ke-23</p>
    <p>&darr simbol ke-24</p>
    <p>&spades simbol ke-25</p>
    <p>&clubs simbol ke-26</p>
    <p>&hearts simbol ke-27</p>
    <p>&diams simbol ke-28</p>
</body>
</html>


kemudian save dengan ekstensi .html. dan buka file HTMLnya di browser anda, maka hasilnya akan menjadi seperti ini :





D. HASIL YANG DIDAPATKAN
  • Kita dapat membuat simbol di menggunakan HTML
E. KESIMPULAN
  • Membuat simbol itu sebenarnya tidak sulit, kita tidak perlu menghafal kodenya, namun, kita hanya perlu memahami dengan benar, bagaimana kode untuk menampilkan simbol tersebut.
F. REFERENSI
sekian sharing saya mengenai cara membuat simbol pada HTML semoga bermanfaat...

Wassalammualaikum Wr.Wb.


Subscribe to: Post Comments (Atom)