Perintah Dasar HTML (Hyper Text Markup Language)

Pengertian HTML

Perintah dasar HTML – HTML(Hyper Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web dengan lengkap kepada pengguna. Tag-tag HTML selalu diawali dengan <X> dan diakhiri dengan </X> dimana X tag HTML seperti b, i, u dan sebagainya

Perintah dasar HTML dan fungsinya

secara umum HTML berfungsi untuk menyusun bagian paragraf, heading, maupun link pada halaman web. untuk menyusunya HTML memiliki struktur penyusunannya seperti berikut:

Struktur Dasar HTML

HTML memiliki struktur penulisannya seperti berikut :

<html>

<head>
<!-ini adalah bagian header-->
<title>judul web</title>
</head>

<body>
<!-tempat menuliskan kode-->
</body>

</html>

Komentar

pada HTML ada tag untunk membuat komentar, Komentar ini berfungsi untuk mempermudah seorang developer dalam mengingat baris perintah tersebut berfungsi untuk bagian apa, komentar tidak akan diproses oleh HTML dan tidak ditampilkan kedalam web page. penulisannya dapat menggunakan tag berikut:

<!--. . . . . .-->

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

Anchor

Anchor digunakan untuk membuat link ke document lain atau page lain dalam sebuah website. anchor menggunakan atribut herf untuk menyisipkan link halaman website. anchor ditulis dengan <a>

<body>
<a href=https://folderku.web.id>Kunjungi Web Folderku</a>
</body>

Bold

Bold digunakan untuk mencetak tebal suatu teks pada website, di awalai dengan tag <b> dan ditutup dengan </b>

<body>
<b>Ini akan cetak tebal</b>
</body>

Body

Digunakan untuk mendefinisikan badan html, yang didalamnya merupakan tempat untuk meletakan elemen-elemen html lainnya, seperti gambar, teks, table, form, dll. ditulis dengan tag <body> </body>

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

Break

Digunakan untuk menyisipkan sebuah baris (ganti baris). ditulis dengan tag <br>

<body>
Salah satu aplikasi internet adalah web<br>
Html adalah kode dasar untuk membuat web<br>
</body>

Center

Digunakan untuk menampilkan teks ditengah halaman. ditulis dengan tag <center>isi kalimat</center>

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

Division (Bagian)

tag <div> </div> Digunakan untuk mendifinisikan bagian dari sebuah halaman web. Seringkali digunakan untuk mengelompokan elemen-elemen HTML dengan format style tertentu.

<div style=’color:#ff0000”>
<h3>ini merupakan judul</h3>
<p>ini merupakan paragraph</p>
</div>

Formulir

tag <form></form> Digunakan untuk mendifinisikan sebuah form masukan dari pengguna

<form action=”action.php” method=”get”>
<label>Nama:</label><br>
<input type=”text” name=”f_nama”/>
<br>
<label>email:</label><br>
<input type=”text” name=”f_email”/>
<br>
<input type=”submit” value=’simpan”/>
</form>

Heading

Digunakan untuk mendinisikan bagian atas (heading) teks. Dimulai <h1> dari ukuran besar hingga <h6> ukuran kecil

<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

tag <head> Digunakan untuk mendifinisikan bagian atas(head) sebuah dokumen html. Bagian ini biasanya digunakan untuk mendifinisikan tag <meta> <style> <script> <title>

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

Garis Horizontal

tag <hr> Digunakan untuk mendifinisikan sebuah garis horizontal dalam halaman html

Salah satu aplikasi internet adalah web<hr>
Html adalah kode dasar untuk membuat web

Huruf miring

tag <i> </i>Digunakan untuk mencetak miring suatu teks.

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

Paragraf

tag <p> </p> Digunakan untuk membuat paragraph baru.

<body>
<p>HTML adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser</p>
</body>

Select

tag <select> </select> Digunakan untuk mendinisikan daftar pilihan

<body>
<select>
<option value=”detik”>detik</option>
<option value=”viva”>vivanews</option>
<option value=”glodokshop”>glodok shop</option>
<option value=”bhineka”>Bhineka</option>
</select>
</body>

Strong

tag <strong> </strong> Digunakan untuk mempertegas tampilan suatu teks. hasilnya akan hampir sama seperti bold

<body>
<strong>Ini akan cetak tebal</strong>
</body>

Style

tag <style> </style> Digunakan untuk mendifinisikan informasi style pada dokumen html

<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

tag <tabel> </table> Digunakan untuk membuat table dalam halaman web.

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

Judul

tag <title> </title> Digunakan untuk mendifinisikan judul pada dokumen html.

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

Underscore

tag <u> </u> Digunakan untuk menambahkan garis bawah suatu teks

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

Unordered List

tag <ul> </ul> Digunakan untuk membuat daftar yang tak berurut(unordered list) menggunakan symbol bullets.

<ul>
<li>webpribadi</li>
<li>blog</li>
<li>facebook</li>
</ul>

Orderered List

tag <ol> </ol> Digunakan untuk membuat daftar yang berurut(ordered list) menggunakan symbol angka

<ol>
<li>webpribadi</li>
<li>blog</li>
<li>facebook</li>
</ol>