Kumpulan Syntax Dasar HTML ~ PAW | programming-animation-website

Halo sobat paw, tutorial kali ini akan menjelaskan tentangkumpulan syntax dasar HTML

Struktur Dasar

<html>
<head>
<!-ini adalah bagian header-->
<title>judul web</title>
</head>
<body>
<!-tempat menuliskan kode-->
</body>
</html>

<!—Ini adalah komentar dan tidak akan ditampilkan dibrowser-->

<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>

<b>
Digunakan untuk mencetak tebal suatu teks.
Contoh:

<b>teks tercetak tebal (bold)</b>

<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>

<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>

<center>
Digunakan untuk menampilkan teks ditengah halaman
Contoh:

<center> teks ini akan tampil ditengah halaman</center>

<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>

<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>

<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 membuat web</h1>
<h2> HTML adalah kode dasar membuat web</h2>
<h3> HTML adalah kode dasar membuat web</h3>
<h4> HTML adalah kode dasar membuat web</h4>
<h5> HTML adalah kode dasar membuat web</h5>
<h6> HTML adalah kode dasar membuat web</h6>

<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>

<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

<i>
Digunakan untuk mencetak miring suatu teks.
Contoh:

<i>teks tercetak miring(italic)</i>

<p>
Digunakan untuk membuat paragraph baru.

<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>

<Strong>
Digunakan untuk mempertegas tampilan suatu teks.
Contoh:

Kode dasar untuk membuat web adalah <strong>HTML</strong>

<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>

<table>
Digunakan untuk membuat table dalam halaman web.
Contoh:

<table border=”1”>
<caption>daftar situs</caption><tr>
<th>berita</th>

<title>
Digunakan untuk mendifinisikan judul pada dokumen html.
Contoh:

<head>
<title>judul web</title>
</head>

<u>
Digunakan untuk menambahkan garis bawah suatu teks
Contoh:

<u>teks bergaris bawah(bold)</u>

<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>

Kumpulan Syntax Dasar HTML

Related Post

9 comments