Nama                              : JAYA SAPUTRA

NPM                                :125100157

M.KULIAH                       :SISTEM OPERASI

DOSEN PENGAMPU           : ADI JAYA SAPUTRA, M.TI

TUGAS/QUIZ                   :QUIS 1

KET :

SILAHKAN KERJAKAN DI BLOG KEMUDIAN UPLOAD DAN ISI FORM KOMENTAR….

JANGAN LUPA ISI ABSENSI…….

1.    Apa itu system operasi ? dan jelaskan fungsi dari system operasi !

2.    Jelaskan dari fungsi komponen sistem komputer serta gambarkan abstraksi komponen system !

3.    Loosely coupled system merupakan prosessor yang memiliki local memori yang saling berkomunikasi berikan contoh dan jelaskan contoh tersebut !

4.    Jelaskan struktur I/O berikut

·         User request I/O, dan

·         I/O Interrupt

5.    Analisis sistem kerja kernel dan register dan berikan tampilan hasil analisis sistem kerja kerja kernel dan sistem kerja register :

jawab

Jawaban no 1

Sistem operasi adalah sekumpulan perintah dasar yang berperan untuk menjalankan dan mengoperasikan komputer .Sekarang ini banyak sekali macam-macam sistem operasi di pasaran baik yang asli ataupun yang bajakan.Ada beberapa sistem operasi yang biasa kita jumpai di pasaran diantranya Windows,Unix,Linux Dan masih banyak lagi yang lainya.Dari sekian banyak sistem operasi Yang beredar,sistem operasi milik perusahaan microsoft lah yang paling populer untuk para pengguna pc notebook,bahkan ponsel dan PDA sekalipun Dengan sistem operasi berbasis mobilenya .

Fungsi Dari Sistem Operasi

1. Resource manager, merupakan pengelolaan sumber daya dan mengalokasikannya, Contoh: memori, CPU, Disk Drive dan perangkat lainnya.
2. Interface / tatap muka, yaitu sebagai perantara antara pengguna dengan perangkat keras dengan menyediakan tampilan kepada pengguna yang lebih mudah dipahami dan bersahabat (user friendly)

3.      Coordinator, mengkoordinasi dan menyediakan fasilitas sehingga aktifitas yang kompleks dapat diatur dan dapat diproses secara berurutan.

4. Guardian, menyediakan akses kontrol yang bertugas untuk melindungi file dan memberi pengawasan pada data dan program.
5. Gate Keeper, berfungsi sebagai pengendali hak akses oleh pengguna yang mengendalikan siapa saja yang berhak masuk ke dalam sistem dan mengawasi apa saja yang dilakukannya.
6. Optimizer adalah penjadwal masukan (input) oleh user, pengaksesan basis data, proses komputasi dan penggunaan.
7. Accountant befungsi untuk mengatur waktu CPU, penggunaan memori, pemanggilan I/O, disk storage, dan waktu koneksi terminal.
8. Server berfungsi untuk melayani pengguna komputer

Jawaban no 2

Komponen sistem komputer pada umumnya terbagi menjadi empat, yaitu hardware / perangkat keras, software / perangkat lunak, komponen komunikasi dan komponen data.

a.       Komponen sistem komputer yang pertama adalah hardware atau komponen perangkat keras. Komponen ini adalah semua peralatan sistem komputer yang dapat disentuh secara fisik. Perangkat keras ini sendiri juga terdiri dari tiga komponen, yaitu CPU; Peralatan Input Output, dan Memory. Bila lebih diperinci lagi, CPU juga terdiri beberapa komponen utama yaitu ALU atau Arithmatic Logic Unit yang gunanya untuk melakukan fungsi perhitungan; CU atau Control Unit yang mengatur proses perintah serta per-pindahan data dari bagian CPU yang satu kebagian CPU yang lainnya; dan BUS atau Interface Unit adalah komponen untuk mengantar perintah serta data diantara CPU dengan hardware lainnya.

2. Software component atau komponen perangkat lunak merupakan bagian komponen sistem komputer yang berupa program yang akan menentukan mengenai hal yang harus dilakukan. Untuk mendapat hasil yang bermanfaat, maka komputer hasur melakukan perintah yang ada didalam program tersebut. Terdapat dua jenis perangkat lunak dalam sistem komputer, yaitu software aplikasi dan software system. Sofware system bermanfaat untuk mengatur penyimpanan file, melakukan load, serta menjalankan program dan menerima instruksi yang diberikan melalui keyboard maupun mouse. Software system ini sering disebut dengan sistem operasi atau operation system, yang contohnya adalah Windows; Linux, Mac, dll. Sedangkan software aplikasi merupakan perangkat lunak yang merupakan tambahan sistem pada sistem operasi, seperti Open Office, aplikasi game, aplikasi multimedia, dll.
3. Komponen Data atau disebut data component merupakan fakta dasar yang menjadi wakil atas suatu kejadian. Data ini merupakan hasil dari proses system komputer yang berupa informasi. Bila kita melihat kilas balik sejarah komputer, data merupakan alasan utama hingga terciptanya komputer. Bentuk data pun berbagai jenis yang umumnya berupa angka.

4. Communication component atau komponen komunikasi terdiri atas software dan hardware pula.  Untuk jenis perangkat keras dari komponen komunikas ini adalah Comunication Channel dan Networdk Interface Card / NIC atau yang umumnya disebut modem. Fungsi utama komponen komunikasi adalah untun menyediakan saluran antara computer. Hubungan tersebut dapat berupa radio, fiber optic, wirreless technology / saluran telepon, wire cable, infra merah, bluetooth. Berbeda dengan modem, maka komponen ini mengubungkan komputer dengan saluran komunikasi sebagai interface. Kemudian adanya software berfungsi untuk membuat tiap-tiap komputer mengerti atas data yang terkirim dianatar kompuer yang saling terhubung. Dengan demikian software ini dapat membangun saluran serta mengongtro setiap aliran data yang ada.

Abstraksi komponen

Jawaban no 3

loosely coupled system yaitu setiap prosesor mempunyailocal memory sendiri.  Komunikasi terjadi melalui bus atau jalur telepon yang merupakan salah satu sifat dari sistem operasi terdistribusi. Keuntungannya hampir sama dengan multiprocessor, yaitu adanya pembagian sumber daya dan komputasi yang lebih cepat.  Sistem ini terdiri atas dua model, yaitu Client-Server Systems di mana hampir seluruh proses dilakukan terpusat di server berdasarkan permintaan client. Model ini masih dibagi dua jenis lagi yaitu compute server system di mana server menyediakan sarana komputasi dan file server system di mana server menyediakan tempat penyimpanan data. Model yang lain ialah Peer-to-peer System (P2P) beberapa komputer saling bertukar data. Sistem operasi tersebut , ialah NetOS/Distributed OS.Contoh penerapan Distributed System: Small Area Network (SAN), Local Area Network (LAN),Metropolitan Area Network (MAN), Online Service (OL)/Outernet, Wide Area Network(WAN)/Internet

jawaban no 4

I/O Interrupt

interrupt adalah sinyal untuk perangkat keras atau perangkat lunak prosesor Pemancar oleh sebuah peristiwa yang menunjukkan Yang perlu perhatian segera . Interupsi memberitahu prosesor untuk suatu kondisi prioritas tinggi Mewajibkan gangguan dari kode yang prosesor mengeksekusi, thread saat ini . Prosesor Merespon dengan menghentikan aktivitas saat ini , tabungan negaranya , dan melaksanakan sebuah program kecil yang disebut interrupt handler ( atau rutin layanan interupsi , ISR ) untuk menangani Dengan Acara . Gangguan ini bersifat sementara , dan setelah selesai handler interupsi , prosesor resume eksekusi dari thread sebelumnya . Ada dua jenis interupsi :

Sebuah perangkat keras interrupt adalah sinyal peringatan elektronik yang dikirim ke prosesor dari perangkat eksternal , Entah bagian dari komputer itu sendiri : seperti disk atau perangkat pengendali eksternal . Misalnya, menekan tombol pada keyboard atau menggerakkan mouse memicu Itu interupsi perangkat keras menyebabkan prosesor untuk membaca keystroke atau posisi mouse . Berbeda dengan jenis software ( bawah ) , interupsi perangkat keras yang asynchronous dan dapat Terjadi di tengah eksekusi instruksi , tambahan perawatan Mewajibkan dalam pemrograman . Tindakan memulai interupsi hardware dimaksud dengan permintaan interupsi ( IRQ )

User request I/O

struktur mode kernel Itu digunakan oleh Windows Driver Model ( WDM ) dan driver perangkat Windows NT untuk Berkomunikasi dengan Setiap Lain dan Dengan sistem operasi . Mereka adalah struktur data itu menggambarkan permintaan I / O , dan dapat Sama juga dianggap sebagai " permintaan I / O deskriptor " atau mirip . Daripada melewati sejumlah besar argumen kecil ( : . Seperti alamat penyangga , ukuran buffer , I / O tipe fungsi , dll) Untuk sopir , semua parameter ini ditularkan melalui pointer tunggal untuk struktur data persisten . IRP Dengan Semua parameter yang dapat diletakkan pada antrian jika permintaan I / O tidak dapat dilakukan segera . I / O penyelesaian Dilaporkan kembali kepada manajer I / O dengan melewati alamat untuk rutin untuk tujuan itu , IoCompleteRequest . IRP Mungkin repurposed sebagai kernel APC objek tersebut khusus jika diperlukan untuk melaporkan penyelesaian I / O ke thread Peminta.

Biasanya IRPs diciptakan oleh I / O Manajer dalam menanggapi permintaan I / O dari mode pengguna . Namun, kadang-kadang IRPs diciptakan oleh manajer plug- and-play , manajer daya , dan komponen sistem lainnya , dan juga dapat dibuat oleh pengemudi dan kemudian diteruskan ke pembalap lain .

I / O mekanisme paket permintaan Juga digunakan oleh sistem operasi VMS Digital Equipment Corporation , dan digunakan oleh Digital RSX - 11 keluarga sistem operasi sebelum itu

Jawaban no 5

kernel adalah suatu perangkat lunak yang menjadi bagian utama dari sebuah sistem operasi. Tugasnya melayani bermacam program aplikasi untuk mengakses perangkat keras komputer secara aman.

Karena akses terhadap perangkat keras terbatas, sedangkan ada lebih dari satu program yang harus dilayani dalam waktu yang bersamaan, maka kernel juga bertugas untuk mengatur kapan dan berapa lama suatu program dapat menggunakan satu bagian perangkat keras tersebut. Hal tersebut dinamakan sebagai multiplexing.

Akses kepada perangkat keras secara langsung merupakan masalah yang kompleks, oleh karena itu kernel biasanya mengimplementasikan sekumpulan abstraksi hardware. Abstraksi-abstraksi tersebut merupakan sebuah cara untuk menyembunyikan kompleksitas, dan memungkinkan akses kepada perangkat keras menjadi mudah dan seragam. Sehingga abstraksi pada akhirnya memudahkan pekerjaan programer.

Untuk menjalankan sebuah komputer kita tidak harus menggunakan kernel sistem operasi. Sebuah program dapat saja langsung diload dan dijalankan di atas mesin 'telanjang' komputer, yaitu bilamana pembuat program ingin melakukan pekerjaannya tanpa bantuan abstraksi perangkat keras atau bantuan sistem operasi. Teknik ini digunakan oleh komputer generasi awal, sehingga bila kita ingin berpindah dari satu program ke program lain, kita harus mereset dan meload kembali program-program tersebut.

Register: Temporary Storage Areas
Register adalah tempat penyimpanan sementara untuk instruksi atau data. Mereka bukan merupakan bagian dari memori, melainkan mereka adalah lokasi penyimpanan tambahan khusus yang menawarkan keuntungan dari kecepatan.

Register bekerja di bawah arahan dari unit kontrol untuk menerima, menyimpan, dan mentransfer instruksi atau data dan melakukan aritmatika atau perbandingan logika dengan kecepatan tinggi. Unit kontrol menggunakan penyimpanan data cara mendaftarkan pemilik toko menggunakan mesin kasir-sebagai sementara, tempat nyaman untuk menyimpan apa yang digunakan dalam Cara Kerja Sistem Komputer.

Register adalah satu atau beberapa flip-flop yang digabung untuk menyimpan dan mengolah informasi dalam bentuk biner. Register yang paling sederhana hanya terdiri dari satu flip-flop saja, yang berarti hanya dapat menyimpan atau mengolah data yang terdiri dari satu bit saja yaitu 0 atau 1. Dengan demikian untuk mengolah data yang terdiri dari empat bit diperlukan empat buah flip-flop.

Register geser adalah suatu register yang dibangun dari untaian flip-flop D, dimana informasi dapat bergeser (digeserkan). Dalam register geser, masing-masing flip-flop saling dikoneksikan, sehingga isinya dapat digeser-geserkan dari satu flip-flop ke flip-flop yang lain (ke kiri atau ke kanan) atas perintah clock yang diberikan.

Register geser digolongkan dalam sirkuit logika sekuensi, dan terdiri dari gabungan beberapa flip-flop.
Kegunaan register geser adalah untuk:

1.   penimbunan sementara (temporary memory, temporary storage).

2.   menggeser data ke kiri atau ke kanan

3.   mengubah data yang berjajar menjadi berderet, atau mengubah data berderet menjadi data berjajar.

 

MAKALAH HTML

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat serta karunia-Nya kepada kami sehingga kami berhasil menyelesaikan Makalah ini yang alhamdulillah tepat pada waktunya yang berjudul HTML.

Tujuan penulisan makalah ini adalah untuk memenuhi salah satu tugas mata kuliah internet

Makalah ini berisikan tentang informasi Pengertian HTML.Diharapkan Makalah ini dapat memberikan informasi kepada kitasemua.
            Penulis menyadari bahwa Makalah ini masih jauh dari sempurna, oleh karena itu kritik dan saran dari semua pihak yang bersifat membangun selalu kami harapkan demi kesempurnaan Makalah ini.
Akhir kata, kami sampaikan terima kasih kepada semua pihak yang telah berperan serta dalam penyusunan Makalah ini dari awal sampai akhir. Semoga Allah SWT senantiasa meridhai segala usaha kita. Amiin.

Bandar lampung ,  November 2013

  Penyusun

 
DAFTAR ISI
KATA PENGANTAR…………………………….  1
DAFTAR ISI……………………………………… 2
BAB I PENDAHULUAN                                                                        
            Latar Belakang …………………………… .3

            Rumusan Masalah…………………………  3
            Maksud dan Tujuan ………………………   3

            Metode Pengumpulan Data………………     3

            Sistematika Penulisan …………………….   4
BAB II PEMBAHASAN
            Pengertian HTML…………………………....5

            Versi HTML…………………………………5
            Kekurangan dan Kelebihan HTML………….6

            Struktur Dasar HTML……………………….6

            Pengaturan Teks……………………………..7

            Lists…………………………………………10

            Images……………………………………….12

            Tabel…………………………………………13

            Frames……………………………………….14

            Kumpulan Tag HTML………………………16

BAB III PENUTUP
Kesimpulan………………………………………….19
Daftar Pustaka………………………………………20

BAB I

PENDAHULUAN

1.1              Latar Belakang

Perkembangan dunia informatika memang selalu mengalami peningkatan yang sangat pesat.Hal ini terbukti dengan adanya pengguna internet di ber bagai bidang.

Mengingat pentingnya dinia internet,para programmer berusaha membuat dan mendesain program-program dan aplikasiyang dibutuhkan saat melakukan browsing internet.Hal ini yang menjadi penulis menyusun makalah ini.Namun dari sekian pemrograman yang ada,yang akan dibahas adalah mengenai pemrograman tentang”HTML”.

1.2              Rumusan masalah

Makalah ini merupakan beberapa permasalahah sebagai berikut:

1.      Pengertian HTML?

2.      Bagaimana struktur dasar HTML?

3.      Apa saja kode-kode HTML?

4.      Apa saja elemen dasar HTML?

5.      Bagaimana langkah pembuat halaman HTML?

1.3              Maksud dan Tujuan

Maksud dari penulisan makalah ini adalah untuk memenuhi dan melengkapi salah satu tugas mata kuliah internet .Sedangkan tujuan dari penulisan tugas ini adalah:

1.      Mengembangkan kreativitas dan wawasan penulis.

2.      Memberikan uraian tentang  HTML secara lebih terinci.

3.      Diharapkan dengan adanya makalah ini ,para pemula yang ingin HTML dpt menggunakannya sebagaisumber referensi.

1.4               Metode Pengumpulan Data

Untuk memperoleh data yang digunakan dalam tugas ini,penulis menggunakan Metode Browsing Internet,yaitu:metode yang digunakan dengan browsing atau membaca referensi-referensi yang berkaitan dengan masalah yang di bahas dalam tugas ini di internet.

1.5              Sistematika Penulisan

Untuk memudahkan pembaca dalam mempelajari dan mengetahui makalah ini,penulis memberikan uraian singkat mengenai gambaran pada ,asing-masing bab melalui sistematika penulisan,yaitu:

BAB I PENDAHULUAN

Dalam bab ini,penulis menguraikan tentang latar belakang penulisan,rumusan masalah,maksud dan tujuan,serta metode-metode yang digunakan dalam pengumpulan data,untuk menyusun  tugas ini.Selain itu penulis juga menguraikan mengenai sistematika penulisan.

BAB II PEMBAHASAN

Dalam bab ini,penulis menguraikan tentang materi-materi yang akan di bahas,karena bab ini merupakan bab utama dari makalah ini.Penulis menguraikan tentang HTML,meliputi:Pengertian HTML,Bagaimana struktur dasar HTML,Apa saja komponen HTML,HTML,Bagaimana langkah pembuat halaman HTML.

BAB III PENUTUP

Dalam bab ini penulis menguraikan tentang kesimpulan-kesimpulan dari masalah yang di bahas serta saran-saran yang penulis ajukan.

BAB II

PEMBAHASAN

MATERI HTML

2.1            PENGERTIAN HTML

Sebelum kita melangkah lebih jauh ada baiknya Anda tahu apa itu HTML. HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Nah, HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.

Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.

Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad.

2.2              VERSI HTML

HTML sekarang sudah mencapai versi 4.0 (saat artikel ini ditulis). Sebelum digunakan, HTML harus diuji secara ketat oleh suatu badan yang bernama World Wide Web Concortium (W3C). Setiap penambahan/peningkatan versi, terdapat beberapa tambahan-tambahan tag dan fasilitas yang tidak dimiliki oleh versi sebelumnya. Tentunya versi yang telah dikeluarkan ini harus menjadi standar bagi browser. Bilamana browser ini tidak mendukung versi tertentu, maka browser tersebut tidak dapat menampilkan format HTML yang kita buat. Oleh karena itu, untuk melihat halaman web yang diformat dengan HTML versi baru, harus memiliki browser yang sudah mendukung versi HTML tersebut

VERSI - VERSI HTML

HTML 1.0
Ini adalah awal mula dari HTML (pendahulunya). Pada versi ini masih terlihat beberapa kelemahan dan masih sangat sederhana. Kemampuan yang dimiliki oleh versi 1.0 ini hanya terbatas pada heading, paragraf, hypertext, list dan setak tebal atau miring pada teks.
HTML 2.0
Versi ini telah ditambahkan kemampuan menyisipkan form didalamnya, sehingga kita dapat membuat halaman yang interaktif. Pengunjung dapat mengisi nama, alamat, email dan sebagainya.
HTML 3.0
Versi ini tidak bertahan lama karena kemudian disempurnakan oleh versi 3.2
HTML 3.2
Pada versi ini telah diperkenalkan teknik peletakan teks pada sekeliling gambar, latar belakang berupa gambar, cascading style sheet, tabel, frame dan lain sebagainya. Versi ini juga mendukung Javascript, VBScript dan lain sebagainya.
HTML 4.0
Versi terakhir ini yang resmi dirilis ini telah menunjukkan beberapa kelebihan-kelebihan dari versi sebelumnya. Perubahan-perubahan ini hampir mencakup semua tag-tag HTML sebelumnya. Di samping itu pada versi ini ditambahkan tag-tag baru seperti ABBR, ACRONYM, BUTTON, PARAM, BUTTON, TBODY, THEAD dan lain sebagainya.

2.3              KEKURANGAN DAN KELEBIHAN HTML

Seperti yang kita tahu bahwa, setiap bahasa dan program mempunyai kelebihan dan Kekurangan. Ada baiknya kita mengetahui kelebihan dan kekurangan dari HTML sehingga kita bisa memaksimalkan pengetahuan dan wawasan kita dalam mengeksplorasi dunia browser. 

Kelebihan-kelebihan HTML antara lain:

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

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

·         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).

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

·         Menghasilkan halaman yang statis, untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript atau VBScript dan animasi seperti Flash atau Shockwave.

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

2.4              STRUKTUR DASAR HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

<HTML> Sebagai tanda awal dokumen HTML.

<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

Contoh :

<TITLE>Tips HTML -- www.klik-kanan.com</TITLE>

<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :

BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

<BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF">

Sebuah contoh sederhana dokumen HTML :

<HTML>
<HEAD>
<TITLE>Halaman pembuka
</TITLE>
</HEAD>

<BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000">

Letakkan text, images, dan link Anda di sini
</BODY>
</HTML>

2.5            PENGATURAN TEKS

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :

Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.

Contoh :

<H2>Tutorial Html</H2>

Hasilnya akan terlihat seperti :

Add caption

Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.

Line Break: <BR> Digunakan untuk pindah ke baris baru.

No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

<FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT>

Hasilnya akan terlihat seperti :
 

Contoh lainnya :

<FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC">

Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

<BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000">

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

<B> Bold text
<I> Italic text
<U> Underscore
<TT> Typewriter
<S> Strikeout - draws a line through the text
<PRE> Preformatted Text <DFN> Definition
<BLINK> Text berkedip (lebih baik jangan digunakan)
<STRONG> Strong
<ADDRESS>

<CITE> Digunakan untuk quoting text
<CODE> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<SAMP> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<BIG> Ukuran teks akan lebih besar satu ukuran
<SMALL> Ukuran teks akan lebih kecil satu ukuran
<SUP> Membuat tekssuperscript
<SUB> membuat tekssub script
<ABBREV> Abbreviations
<ACRONYM> Untuk akronim
<PERSON> Digunakan untuk indexing
<Q> Membuat short inline quotation
<VAR> Membuat variable name, selalu dalam italics.

2.6 LISTS

Terdapat tiga tipe list yang dapat digunakan, yaitu :

Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.

Contoh :
<UL>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</UL>

Hasil dari kode di atas adalah:

Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.

Contoh :
<UL COMPACT TYPE=square> …

Ordered Lists: <OL> Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag.

Contoh :
<OL TYPE=I>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</OL>

Hasil dari kode di atas adalah :

Untuk TYPE Anda dapat juga menggunakan :

1- Default numbers, 1, 2, 3, etc.
A- Huruf besar. A, B, C, etc.
a- Huruf kecil. a, b, c, etc.
I- Romawi huruf besar. I, II, III, etc.
i- Romawi huruf kecil , i, ii, iii, etc.

Definition Lists: <DL>

Contoh :
<DL>
<DT> Item pertama.
<DD> Penjelasan tentang item pertama.
<DT> Item kedua.
<DD> Penjelasan tentang item kedua
</DL>

Hasil dari kode di atas adalah :

2.7            IMAGES

Images :

Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.

Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height

Contoh : <IMG SRC="logo.gif" alt="Ini adalah logo halaman pembuka" width=200 height=100>

<IMG SRC="logo.gif" hspace=10 vspace=5 align=right border=2>

Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.

Contoh :
<A HREF="halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain.
<A HREF="mailto:webmaster@klik-kanan.com">Klik di sini</A> Untuk membuat link pada alamat e-mail.
<A HREF="#aplikasi">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.
<A HREF="halamanlain.html#aplikasi">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.
<A HREF="halaman2.html"><IMG SRC="gambar.gif"></A> Untuk membuat link dengan menggunakan gambar.

2.8            TABEL

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>

<TABLE>
Terdiri dari atribut :

• align - perataan : rata kiri (left), tengah (center) atau kanan (right).
• bgcolor - warna latar belakang (background) dari tabel.
• border - ukuran lebar border tabel (dalam pixel).
• cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
• cellspacing - jarak antar cell (dalam pixel).
• width - ukuran tabel dalam pixel atau percent.

Contoh :
<TABLE align="center" bgcolor="#0000FF" border="2" cellpadding="5" cellspacing="2" width="90%">

<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

• align - perataan : rata kiri (left), tengah (center) atau kanan (right).
• bgcolor - warna latar belakang dari baris.
• valign - perataan vertikal : top, middle atau bottom.

Contoh :
<TR align="right" bgcolor="#0000FF" valign=top>

<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.

• align - perataan
• background - image yang digunakan sebagai latar belakang dari kolom.
• bgcolor - warna latar belakang
• colspan - lihat gambar contoh
• height - ukuran tinggi cell dalam pixels.
• nowrap - membuat supaya isi dari kolom tetap berada pada satu baris.
• rowspan - lihat gambar contoh
• valign - perataan vertikal :top, middle atau bottom.
• width - ukuran kolom dalam pixel atau percen.

Contoh :
<TD align="right" background="back.gif" bgcolor="#0000FF" colspan="3" height="200" nowrap rowspan="2" valign="bottom" width="300">

<table width="100" border="1" cellspacing="2" cellpadding="2"> <tr> <td bgcolor="#0000FF"> &nbsp;</td> <td bgcolor="#FFFF66">&nbsp;</td> <td rowspan="2" bgcolor="#FF3366">&nbsp;</td> </tr> <tr> <td colspan="2" bgcolor="#33CC66">&nbsp;</td> </tr> <tr> <td colspan="3" bgcolor="#FFCC99">&nbsp;</td> </tr> </table>

<table width="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#0000FF">&nbsp; </td> <td bgcolor="#FFFF66">&nbsp;</td> <td rowspan="2" bgcolor="#FF3366">&nbsp;</td> </tr> <tr> <td colspan="2" bgcolor="#33CC66">&nbsp;</td> </tr> <tr> <td colspan="3" bgcolor="#FFCC99">&nbsp;</td> </tr> </table>

2.9            FRAMES

1 <FRAMESET cols="*,140"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 2 <FRAMESET cols="100,*"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 3 <FRAMESET rows="100,*"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 4 <FRAMESET rows="*,60"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 5 <FRAMESET rows="*,60"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET cols="50%,50%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> </FRAMESET></FRAMESET> 6 <FRAMESET cols="*,50%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET rows="15%,15%,70%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame4"> </FRAMESET></FRAMESET> 7 <FRAMESET cols="50%,50%"> <FRAMESET rows="50%,50%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="homepage2.htm" NAME="Frame2"> </FRAMESET> <FRAMESET rows="50%,50%"> <FRAME SRC="menu.htm" NAME="Frame3"> <FRAME SRC="menu2.htm" NAME="Frame4"> </FRAMESET></FRAMESET> 8 <FRAMESET rows="15%,70%,15%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET cols="15%,70%,15%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame4"> </FRAMESET> <FRAME SRC="homepage.htm" NAME="BIG"> </FRAMESET></FRAMESET>

2.10          Kumpulan Tag HTML

<!--    -->	Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href>	Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>	Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>	Sebagai awal dari Java applets
<area>	Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>	Membuat teks tebal
<basefont>	Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>	Memberi (suara latar) background sound pada halaman web
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<body>	Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>	Pindah baris
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<comment>	Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>	Indents teks
<div>	Represents different sections of text.
<embed>	Menambahkan sound or file avi ke halaman web
<fn>	Seperti tag <a name>
<font>	Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>	Mendefinisikan input form
<frame>	Mendefinisikan frame
<frameset>	Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6>	Ukuran font
<head>	Mendefinisikan head document.
<hr>	Membuat garis horizontal
<html>	Bararti dokumen html
<i>	Membuat teks miring
<img>	Image, imagemap atau an animation
<input>	Mendefinisikan input field pada form
<li>	Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>	Mendefinisikan client-side map
<marquee>	Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr>	Mencegah ganti baris pada teks atau images
<noframes>	Jika browser user tidak mendukung frame
<ol>	Mendefinisikan awal dan akhir list
<p>	Ganti paragraf
<pre>	Membuat teks dengan ukuran huruf yg sama
<script>	Mendefinisikan awal script
<table>	Membuat tabel
<td>	Kolom pada tabel
<title>	Mendefinisikan title
<tr>	Baris pada tabel
<u>	Membuat teks bergaris bawah

BAB III

KESIMPULAN DAN SARAN

Perkembangan dunia informatika yang semakin canggih pada saat ini menawarkan kemudahan bagi setiap orang dalam membantu menyelesaikan segala kebutuhan dan pekerjaannya.Internet sebagai salah satu bukti nyata  dengan adanya perkembangan ini .Maka dari itu,para programmer berusaha untuk merancang beberapa pemrograman di internet .HTML adalah salah satu unsur penting dalam pemrograman di internet.

Untuk itu para perogrammer,khususnya pemula yang ingin membuat HTML yang baik,sebaiknya sebelum membuat HTML harus mengetahui tentang pengertian CSS HTML,struktur dasar HTML,kode-kode HTML,elemen dasar HTML,langkah pembuat halaman HTML.

Dan seperti yang telah disampaikan sebelumnya,selain itu ia juga harus menguasai langkah-langkah atau cara-cara membuat dan mendesain HTML sehingga tampilannya bagus dan menarik yang akan diberikan kepada pengguna nantinya.

Semoga makalah yang telah disusun inidapat menjadi pedoman bagi pemula sebelum HTML.

DAFTAR PUSTAKA

cari buku di internet,perpustakaan