yosh pada hari ini saya akan mengepost sedikit tentang html dan bagai mana cara memebuat html sedrhana mengunakan notepadyosh kita langsung aja ke pembahasannya
A.Pengertian html
Hyper Text Markup Language (HTML) adalah sebuah bahasa
markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai
informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks
sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan
tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam
perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga
menjadi halaman web dengan perintah-perintah HTML.
B.text dasar html
setelah kita mengetahu pengertian html,ada baiknya kita mengetahui sysntak dasarnya jga nah mari kita pelajari sysntak dasarnya dulu baru menuju ke fungsinya
1.<html> </html>
sysntak ini adalah untuk menandai awal dan akhir penulisan file html
2.<title> </title>
title adalah merupakan judul dari web yang di tampilkan kepada jendela browser
3.<head> </head>
berisi keterangan informasi seperti title dan jens dokumen yg di tulis
4.<body> </body>
menandai awal dan akhirnya dokument yg kita buat
C.fungsi html
HTML (HyperText Markup Language) adalah suatu bahasa yang
menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus
ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.
Secara umum, fungsi HTML adalah untuk mengelola serangkaian
data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di
Internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :
- Menampilkan
berbagai informasi di dalam sebuah browser Internet.
- Membuat link
menuju halaman web lain dengan kode tertentu (hypertext)
D.keunggulan dan kerugian html
Kelebihannya:
1. Merupakan bahasa penkodean yang lintas platform (cross
platform), maksudnya HTML dapat digunakan pada berbagai jenis mesin komputer
yang berbeda dan berbagai macam sistem operasi yang berbeda. Jadi bersifat
fleksibel karena ditulis cukup dengan menggunakan editor karakter ASCII.
2. Dapat disisipi gambar baik gambar statis atau dinamis
(animasi) termasuk menggunakan gambar untuk dijadikan hyperlink. Gambar di sini
digunakan untuk merujuk pada suatu halaman web, dimana setiap titik-titik yang
sudah didefinisikan berupa rectangular (kotak), poligon (kurva tak beraturan)
atau lingkaran digunakan untuk ‘jump’ ke halaman lain, atau link ke halaman di luar
web yang bersangkutan.
3. Dapat disisipi animasi berupa Java Applet atau file-file
animasi dari Macromedia Flash atau Macromedia Shockwave (untuk keperluan ini,
browser harus memiliki plug-in khusus untuk menjalankan file-file animasi ini).
4.Dapat disisipi bahasa pemrograman untuk mempercantik
halaman web seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP
dan sebagainya.
Bukan merupakan bahasa pemrograman jadi tidak memerlukan
kompiler. Cara menjalanakannya cukup dengan menggunakan browser.
Adapun kekurangan dari HTML ini adalah:
1. Menghasilkan halaman yang statis, yang saya tahu untuk
memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu
seperti Javascript atau VBScript dan animasi seperti Flash atau Shockwave.
2. Memiliki tag-tag yang begitu banyak sehingga susah
dipelajari untuk yang masih awam.
Tidak dapat menghasilkan halaman yang interaktif. Interaktif
di sini maksudnya client dapat berinteraksi dengan server. Untuk keperluan itu,
HTML harus disisipi bahasa pemrograman yang dapat menangani hal tersebut,
contohnya Perl atau Tcl.
E.Cara mmebuat html sederhanayah saya akan memebri gambar bagai mana html sederhana yg saya akan saya buat tutorialnya silahkan lihat gambar di bawah html yg kita buat nanti akan terlihas seperti gambar dibawah:
(gambar)
nah setelah melihat html yg akan kita buat sekarang kita akan mulai proses pembuatannya
buat lah text dasar dalam html seperti yg sudah di jelasakan tadi.langsung saja kita buat cara penulisan html nya
<html>
<title>html sederhana</title>
<head>
<h1><font color="purple"><center>Belajar html</center></font></h1>
</head>
<body background="file:///F:/red.jpg">
<h1><font color="blue"><center>nama : Kirigaya Kazutho</center></font></h1>
<h1><font color="red"><center>tempat tinggal : Tokyo,japan</center></font></h1>
<h1><font color="green"><center>Pendidikan : SMA</center></font></h1>
<h1><font color="brown"><center>Hobby : Gamers</center></font></h1>
</body>
</html>
nah setelah klaian mengetahui penulisan sysntak nya biar lebih ngerti saya akan beri tahu fungsi dari masing masing syntak
ya kita akan bahas lagi sysntak dasar html biar mudah di mengerti
1.<html> </html>
sysntak ini adalah untuk menandai awal dan akhir penulisan file html
2.<title> </title>
title adalah merupakan judul dari web yang di tampilkan kepada jendela browser
3.<head> </head>
berisi keterangan informasi seperti title dan jens dokumen yg di tulis
4.<body> </body>
menandai awal dan akhirnya dokument yg kita buat
nah kalau kita lihat di gambar bagai mana yg kelihatan secara fisik hanya title,head & body dimana sysntak html tidak kelihatan ? ya kalau html ya yg kita buat itu lah html nya,yaitu gabungan dari body,head & title itulah html
nah setelah dari sysntak dasar kita lanjut ke sysntak pendukung
1<h1> </h1>
sysntak ini adalah untuk size fontonya kalian bisa memilih fontnya sebagai berikut lihat gambar di bawah
2.<font="blue"> </font>
syntak ini brfungsi untuk mengubah font menjada berwana sesuai perintah warna yg di berikan contohnya yg saya beri warna biru/blue NB : Perintah harus menggunakan bhs inggirs atau menggunakan syntak warna
3.<center> </center>
berfungsi untuk membuat tulisan berada di tengah tengah
4<background="file:///F:/red.jpg">
naha syntak ini berfungsi untuk membuat menjadi lebih bagus.saya akan menjelas kan lebih rinci dimana [file:///f] dimana partisi tempat anda menaruh gambar apakah di data C,D,E Atau F bila di contoh saya menaruhnya di F. Setelah itu [:/red.jpg] apa nama file yg anda akan gunakan di background tentu saja dengan formatannya apakah JPG,PNG dll. jika file anda di taruh di dalam folder tinggal tuli syntak begini [<background="file:///F:/new folder/red.jpg">] jadi "new folder" itu adalah dimana folder yg anda taruh gambarnya.
NB : jika ada tanda [] seperti itu jangan di tulis di syntak ya
sekian belejar html bersama saya kapan kapan kita lanjutkan lagi terimakasi telah membaca artikel saya terus kunjungin animkom inget di bookmarks ya.
