Dasar-dasar HTML

Posted on 11 September 2010. Filed under: internet dan jaringan | Tag:, , , , , |

HTML 1 By: m.fadh al husni 1.1 Pegenalan World Wide Web Internet (Inter-Network) adalah sebutan untuk sekumpulan jaringan komputer yang menghubungkan situs akademik, pemerintahan, komersial, organisasi maupun perorangan. Internet menjadi penghubung antara jaringan-jaringan beragam diseluruh dunia untuk dapat berkomunikasi. Internet sudah hampir dikenal oleh sebagian besar orang di dunia, begitu mendengar kata internet maka yang terbayang adalah halaman-halaman web yang ditampilkan pada layar browser, dan untuk dapat masuk kehalaman web kita perlu menambahkan World Wide Web (WWW) di depan alamat web yang akan kita tuju. WWW bekerja berdasarkan tiga mekanisme berikut: 1.Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW. 2.Address WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resourt Locator) yang di gunakan sebagai standard alamat internet. 3.HTML digunakan untuk membuat document yang bisa di akses melalui web. 2.1 Pengertian HTML Hyper Text Markup Language (HTML) adalah suatu sistem penulisan perintah dan formatting hyper text sederhana yang ditulis kedalam dokumen text ASCII, yang di akses World Wide Web (WWW) agar dapat menghasilkan tampilan visual yang terintegrasi meliputi jenis huruf, elemen grafis, dan link hyper text ke dokumen lain di internet. Membuat halaman web menggunakan HTML dapat dilakukan dengan editor text biasa, karena file HTML berupa file text (plain text file) bukan binary file, sehingga dapat dibuat menggunakan editor teks biasa seperti Notepad dan WordPad atau menggunakan editor khusus HTML seperti EditPlus dan FrontPage bahkan editor yang lain seperti MS-Word dan lain-lainnya. 2.2 Tag-Tag HTML Perintah HTML biasa disebut TAG, TAG digunakan untuk menentukan tampilan dari dokumen HTML. Tipe dari tag tidaklah sensitife jadi jika anda menuliskan tag dengan huruf besar atau huruf kecil keduanya akan menghasilkan output yang sama. Berikut adalah salah satu contoh tag-tag HTML: 1. Dokumen 2. Header 3. Judul dokumen 4. <body> Isi dokumen 5. <h1>…<h6> Untuk memberi besaran huruf 6. <p> Paragraf 7. <br> Ganti baris 8. <font> Font 9. <li>,<ol>,<ul> Enumerasi 10. <a> Link Skema dasar dokumen HTML: <html> <head> <title>Judul dokumen Isi dokumen HTML Setiap dokumen HTML harus di awali dan di tutup dengan tag html Tag html memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah dokumen HTML, browser adalah software yang di instal di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML. HEAD Bagian header dari dokumen HTML diapit oleh taguntuk menandai bagian kepala dokumen HTML, di dalam bagian head biasanya dimuat tag title yang menampilkan judul dari halaman pada titlenya browser. Browser menyimpan ”title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword. BODY Dokumen body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page. Cobalah membuat tulisan berikut pada Notepad: Homepage saya

Saya

Perkenalan

Perkenalkan, nama saya ….. Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage. Simpanlah tulisan tersebut dengan menambahkan .html pada akhir nama file, kemudian bukalah file HTML nya. 2.2.1 TAG JUDUL (HEADING) Header digunakan untuk mengatur ukuran huruf pada suatu kata atau kalimat. Struktur penulisan pada tag heading yaitu … dimana n mempunyai nilai 1-6 semakin besar nilainya semakin kecil ukuran hurufnya. Cobalah contoh berikut pada notepad: heading

Judul Tingkat 1

Judul Tingkat 2

Judul Tingkat 3

Judul Tingkat 4

Judul Tingkat 5
Judul Tingkat 6

Simpan sebagai html kemudian buka file htmlnya. 2.2.2 TAG PARAGRAF Tag paragraf digunakan untuk menandai suatu paragraf, suatu paragraf akan terlihat dibatasi oleh satu baris kosong lihat pada contoh dibawah ini : Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage. Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu sederhana. 2.2.3 TAG GANTI BARIS (BREAK LINE) Break digunakan untuk pindah ke baris berikutnya, bentuk penulisan tag break sebagai berikut … contoh pemakaian tag : Perkenalkan, nama saya ….. Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage. Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu sederhana. 2.2.4 TAG FONT Dengan tag font anda dapat menentukan format tampilan font dalam document HTML seperti color, size, style dan lain-lan. Contoh penulisan tag : contah kalimat dengan menggunakan tag font Face digunakan untuk menentukan jenis huruf yang akan digunakan Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body font, body, link dan lainnya. Untuk menentukan warna anda dapat menggunakan heksadesimal yang mempunyai intensitas (#000000 – #FFFFFF) Masing-masing color didefinisikan dalam dua digit hexadecimal number. Heksa desimal Warna #FFFFFF Putih #FF0000 Merah #00FF00 Hijau #0000FF Biru #000000 hitam Size untuk mengformat ukuran huruf mempunyai intensitas 1-7 semakin tinggi nilainya maka akan semakin besar hurufnya.

Make a Comment

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Satu Tanggapan to “Dasar-dasar HTML”

RSS Feed for Wagegroup's Blog Comments RSS Feed


Where's The Comment Form?

  • flag counter

    free counters

  • Blog Stats

    • 5,098 hits
  • wagejava.com

    click the image above

  • jama’ah rifa’iyah

    click the image above

  • pawon beton

    click the image above

Liked it here?
Why not try sites on the blogroll...

%d blogger menyukai ini: