BLC Telkom Klaten

Computercode, Semantics, Entities, Symbols, Emojis dan Charset HTML || BLC Telkom Klaten

A. PENDAHULUAN
a. Pengertian

Elemen HTML <code>digunakan untuk mendefinisikan sepotong kode komputer. Konten di dalamnya ditampilkan dalam font monospace default browser.
Elemen semantik adalah elemen-elemen yang menyatakan makna atau tujuan dari elemen itu sendiri.
HTML entity adalah sepotong teks (“string”) yang dimulai dengan tanda “dan” (&) dan diakhiri dengan titik koma (;). Entity biasanya digunakan untuk menampilkan karakter-karakter reserved (yang biasanya akan diterjemahkan sebagai kode HTML), dan karakter yang tidak terlihat (seperti spasi).

b. Latar Belakang Masalah

Untuk belajar di dunia IT, tahapan belajar kita harus continue atau berkelanjutan dan tidak meloncat-loncat.

B. MAKSUD DAN TUJUAN

Agar memahami fungsi dari setiap tag tersebut secara urut tidak meloncat-loncat dalam prosesnya.

C. BATASAN DAN RUANG LINGKUP PEKERJAAN

W3Schools

Computercode HTML
Semantics HTML
Entities HTML
Emojis HTML
Charset HTML

D. TARGET DAN HASIL YANG DIHARAPKAN

Mengetahui dan memahami Computercode, Semantics, Entities, Symbols, Emojis dan Charset HTML .

E. ALAT DAN BAHAN

Laptop
Internet
Visual Studio Code

F. TARGET WAKTU

8 Jam (08.00-16.00 WIB)

G. TAHAPAN PELAKSANAAN

Computercode HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h4>Dibawah ini contoh code pemrograman</h4>
<code>
x = 5
y = 3
z = x + y;
</code>

<h4>Di bawah ini dengan menggunakan elemen <pre></h4>
<pre>
<code>
x = 5
y = 72
z = i + u;
</code>
</pre>

<h4>Dibawah ini contoh dengan elemen <var></h4>
<p>Diketahui dua buah persamaan sebagai berikut,
2<var>x</var> + 3<var>y</var> = 13 dan <var>x</var> - 2<var>y</var> = -4.
Berapakah nilai dari <var>x</var> dan <var>y</var>?</p>
</body>
</html>

Outputnya jika berhasil akan menjadi seperti ini

Elemen Semantics

Berikut ialah contoh codingan elemen semantics
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<section>
<h1>BlogAdib</h1>
<p>Blog adib ini bertujuan untuk sebagai laporan magang di BLC Telkom</p>
</section>

<p>Contoh diatas dengan menggunakan elemen <section></p>
</body>
</html>

Maka outputnya akan seperti ini

Dibawah ini adalah daftar beberapa elemen semantics

Entities

Symbols (Contoh Lengkap Simbol)

Emojis HTML(Selengkapnya code emoji)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>I💗YOU</h1>
</body>
</html>

Hasil outputnya akan seperti di bawah

H. REFERENSI

Salin

Posting Komentar

Posting Komentar