Pembahsan pemprograman Html apa itu HTML ?
Hyper text Markup Language (HTML) adalah bahasa markup (penanda) berbasis text atau bisa juga disebut sebagai formatting language (bahasa untuk memformat),jadi HTML bukan bahasa pemrograman melainkan bahasa markup/formatting. (Ariona.net, 2014). Contoh Penulisan Kode HTML terlihat pada gambar di bawah ini :
Baris pertama pada gambar di awali dengan <!DOCTYPE HTML>, yang menunjukan bahwa dokumen tersebut merupakan dokumen HTML.
Suatu dokumen mempunyai aturan yang berbeda beda kita lihat kembali pada gambar di atas
<!DOCTYPE HTML> merupakan tag awal dari setiap dokumen HTML, tag ini memiliki fungsi untuk memberikan informasi pada browser bahwa dokumen yang sedang di buka adalah dokumen HTML. Tag ini perlu dicantumkan pada setiap dokumen HTML yang akan dibuat.
<head>...</head> merupakan tag head yang digunakan untuk menginformasikan dokumen HTML.
<title>...</title> merupakan tag title yang digunakan unutk menampilkan tesk pada judul browser atau tab browser.
<link>...</link> merupakan tag link yang digunakan untuk memangil CSS agar tampilan menjadi lebih indah. CSS akan dibahas pada tutorial selanjutnya.
<script>..</script> merupakan tag script yang digunakan untuk Javascript yang tujuannya hamper sama dengan CSS.
<body>...</body> merupakan tag body yang digunakan untuk tag membuka atau bagian dari badan/isi dokumen HTML.
<img>..</img> merupakan tag untuk menyimpan gambar(memasukan gamabr pada dokumen HTML)
<button>…</button> merupakan tag dalam membuat tombol yang dapat di klik.
Nah dalam pembahasan struktur HTML utuk dapat lebih mengerti mari kita latihan sebagai berikut, tuliskan pada notepad :
<!DOCTYPE HTML>
2. <HTML lang=‚en-US‛>
3. <head>
4. <title>Heading</title>
5. </head>
6. <body>
7. <h1>Bab 1 : Pendahuluan</h1>
8. <h2>1.1 Latar Belakang</h2>
9. <p>Paragraf pendahuluan, bla..bla.. </p>
10. <h2>1.2 Pokok Permasalahan</h2>
11. <p>Paragraf pendahuluan, bla..bla.. </p>
12. <h1>Bab 2 : Pembahasan</h1>
13. <h2>2.1 Teori dan Konsep</h2>
14. <p>Paragraf pendahuluan, bla..bla.. </p>
15. <h2>2.2 Algoritma Pemrograman</h2>
16. <p>Paragraf pendahuluan, bla..bla.. </p>
17. </body>
18. </HTML>
|
Setelah itu di simpan pada folder yang kita instal xampp->htdocs->buat folder baru dan simpan
Dan hasil pada browser akan tampil seperti pada gambar di bawah ini :
silahkan di coba ...
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon