PENGERTIAN DAN PENJELASAN HTML DAN SYNTAK-SYNTAKNYA ~ DIMAS FEBRIANSYAH ~ BLC TELKOM KLATEN

Asalamualaikum Wr. Wb.

PENDAHULUAN

Selamat datang di blog saya, pada hari ini saya habis memahami html. Ok untuk lebih lanjut silahkan lihat dibawah ini.
LATAR BELAKANG

Agar saya bisa memahami syntak-syntak html.
MAKSUD DAN TUJUAN

Agar saya bisa membuat sebuah karya dari codingan html.
ALAT DAN BAHAN

1. Laptop
2. Sublime text
3. Internet
WAKTU YANG DI BUTUHKAN

4 jam.
PEMBAHASAN
1. PENGERTIAN HTML
HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

2. SYNTAK-SYNTAK HTML

1. Struktur Dasar
```
<html>
<head>
<title>judul web</title>
</head>
<body>
</body>
</html>
```
2. <a>

Mendefinisikan tag anchor. Digunakan untuk membuat link ke dokumen lain menggunakan atribut herf dan juga untuk membuat bookmark dokumen mengunakan atribut name.
Contoh
```
<body>
<a href=http://www.google.com”>kunjungi website google</a>
</body>
```
3. <b>
Digunakan untuk mencetak tebal suatu teks.
Contoh:
```
<b>teks tercetak tebal (bold)</b>
```
4. <body>
Digunakan untuk mendefinisikan badan html, yang didalamnya merupakan tempat untuk meletakan elemen-elemen html lainnya, seperti gambar, teks, table, form, dll
Contoh:
```
<html>
<head>
<title>judul web</title>
</head>
<body>
<!-ini adalah bagian badan tempat anda menuliskan kode-->
</body>
</html>
```
5. <br>
Digunakan untuk menyisipkan sebuah baris(ganti baris)
Contoh:
```
<body>
Salah satu aplikasi internet adalah web<br>
Html adalah kode dasar untuk membuat web<br>
</body>
```
6. <center>
Digunakan untuk menampilkan teks ditengah halaman
Contoh:
```
<center> teks ini akan tampil ditengah halaman</center>
```
7. <div>
Digunakan untuk mendifinisikan bagian dari sebuah halaman web. Seringkali digunakan untuk mengelompokan elemen-elemen HTML dengan format style tertentu.
Contoh:
```
<div style=’color:#ff0000”>
<h3>ini merupakan judul</h3>
<p>ini merupakan paragraph</p>
</div>
```
8. <form>
Digunakan untuk mendifinisikan sebuah form masukan dari pengguna
Contoh:
```
<form action=”action.php” method=”get”>
Nama:  <input type=”text” name=”f_nama”/>
<br>
email:  <input type=”text” name=”f_email”/>
<br>
<input type=”submite” value=’simpan”/>
</form>
```
9. <h1> sampai dengan <h6>
Digunakan untuk mendinisikan bagian atas (heading) teks. Dimulai dari ukuran besar<h1> hingga ukuran kecil<h6>
Contoh:
```
<h1> HTML adalah kode dasar untuk membuat tulisan paling besar</h1>
<h2> HTML adalah kode dasar untuk membuat tulisan dibawah h1</h2>
<h3> HTML adalah kode dasar untuk membuat tulisan dibawah h2</h3>
<h4> HTML adalah kode dasar untuk membuat tulisan dibawah h3</h4>
<h5> HTML adalah kode dasar untuk membuat tulisan dibawah h4</h5>
<h6> HTML adalah kode dasar untuk membuat  tulisan paling kecil/dibawah h5</h6>
```
10. <head>
Digunakan untuk mendifinisikan bagian atas(head) sebuah dokumen html. Bagian ini biasanya digunakan untuk mendifinisikan tag <base>, <link>, <meta>, <script>, <style>, dan <title>.
Contoh:
```
<head>
<title>judul web</title>
</head>
```
11. <hr>
Digunakan untuk mendifinisikan sebuah garis horizontal dalam halaman html
Contoh:
```
Salah satu aplikasi internet adalah web<hr>
Html adalah kode dasar untuk membuat web
```
12. <i>
Digunakan untuk mencetak miring suatu teks.
Contoh:
```
<i>teks tercetak miring(italic)</i>
```
13. <p>
Digunakan untuk membuat paragraph baru.

14. <select>
Digunakan untuk mendinisikan daftar pilihan
Contoh:
```
<select>
<option value=”detik”>detik</option>
<option value=”viva”>vivanews</option>
<option value=”glodokshop”>glodok shop</option>
<option value=”bhineka”>Bhineka</option>
</select>
```
15. <Strong>
Digunakan untuk mempertegas tampilan suatu teks.
Contoh:
```
Kode dasar untuk membuat web adalah <strong>HTML</strong>
```
16. <Style>
Digunakan untuk mendifinisikan informasi style pada dokumen html
Contoh:
```
<head>
<style type=”text/css”>
Span.blue {color:lightskyblue;
Font-weight:bold}
</style>
</head>
<body>
Kode dasr untuk membuat web adalah <span class=”blue”>HTML</span>
</body>
```
17. <table>
Digunakan untuk membuat table dalam halaman web.
Contoh:
```
<table border=”1”>
<caption>daftar situs</caption><tr>
<th>berita</th>
```
18. <title>
Digunakan untuk mendifinisikan judul pada dokumen html.
Contoh:
```
<head>
<title>judul web</title>
</head>
```
19. <u>
Digunakan untuk menambahkan garis bawah suatu teks
Contoh:
```
<u>teks bergaris bawah(bold)</u>
```
20. <ul>
Digunakan untuk membuat daftar yang tak berurut(unordered list) menggunakan symbol bullets.
Contoh:
```
<ul>
<li>webpribadi</li>
<li>blog</li>
<li>facebook</li>
</ul>
```
KESIMPULAN

Jadi sebelum belajar pemprograman kita harus memahami html terlebih dahulu, karena html adalah dasar untuk melakukan percodigan.
REFRENSI