Daftar Serial Number

Seringkali lupa pas mau install atau catatan hilang, tenang neh cobain beberapa serial yang sudah dikelompokkan kedalam masing-masing software, tinggal copy/paste dan kalo ada yang tidak pas mohon pemberitahuannya agara saya bisa carikan no serial yang sesuai, ok Selamat Mencoba !

S/N: for Windows 2000 Server :

XF7DK-7X2WM-2QRCT-Y9R23-4BHDG
RBDC9-VTRC8-D7972-J97JY-PRVMG
H6TWQ-TQQM8-HXJYG-D69F7-R84VM
KRJQ8-RQ822-YRMXF-6TTXC-HD2VM
XF7DK-7X2WM-2QRCT-Y9R23-4BHDG
MWM8P-FR2YV-GMKRM-WFGTG-JVH28
XF7DK-7X2WM-2QRCT-Y9R23-4BHDG

CD-Key dan Serial Number Windows :
Serial Number : 111-1111111 dapat digunakan untuk :
• BackOffice 4.5 (Beta 2)
• Flight Simulator 98 (OEM)
• Liquid Motion 1.0
• Monster Truck Madness
• Office 97 Pro
• Plus! 98
• Publisher 98
• SQL Server Enterprise Edition
• Visual C++ 6.0 Standard Edition
• Visual Studio 6 (Enterprise dan Pro) dan 97
• Word 97

Serial Number : 465-6389583 dapat digunakan untuk :
• Flight Simulator 95
• Monster Truck Madness
• Office 98 for MacIntosh
• Office 2001 for MacIntosh
• Publisher 97
• Publisher 98 (dengan 0465 pada blok pertama)
• Sidewinder Game Pad CD
• Visual Basic 4.0 Enterprise
• Visual Basic 6.0a Professional Edition
• Visual C++ 4.0 dan 5.0
• Visual C++ 4.0 Professional
• Visual C++ 5.0 Professional Edition
• Visual Studio 97
• Windows NT 4.0 Workstation
• Windows 95/98 Plus!
• Windows 95 Upgrade
• Windows 98 Beta 3
• Works 4.5

Serial Number : 1112-1111111 dapat digunakan untuk :
• Office 97
• Office 97 Pro
• Outlook 98
• Power Point 97 Upgrade
• Project 98
• Publisher 98
• Microsoft Works

Serial Number : 8090-3192571 dapat digunakan untuk :
• Access 97
• Front Page 98
• Office 97 Pro
• Outlook 98
• Project 98
• Publisher 98, Spanyol Version
• Visual Basic 5.0 Professional dan Enterprise Edition
• Word 97

Windows 98
• YK42-6KXD9-2C333-3D898-J97HP
• R3TQR-PQTKG-HBVQ9-YBFH3-CGCRT digunakan untuk German full, English full (OEM), UK Edition, Compaq English, Spanyol Full, Dutch, Compaq dan IBM Recovery CDs, dan U.S. Second Edition (SE) OEM, Dell SE laptop.
• RRXHQ-M3YTR-3BGRT-CQMC2-6K4C4
• Q2YHH-GYWV2-MDXCD-H9P2X-HYVMM digunakan untuk beberapa versions termasuk SE (Second Edition), UK Edition, dan US OEM.
• R34DV-VB6WM-XMHHV-WM4Q2-WBB3Y seharusnya dapat digunakan untuk semua version dari first edition Windows 98 (4.10.98), UK Edition.
• T7J8Q-MH7RP-9H9J2-2HVFG-C3X2M digunakan untuk four U.S. retail versions (4.10.1998) sekelas dengan second edition version.
• JJK9P-G8JYJ-X24RC-XTFJ4-K9W4W digunakan untuk English retail version (CA), UK Edition.
• MMHK7-QPHQG-KMTP9-7GTJY-JQ6XM digunakan untuk English Retail Second Edition v4.10.2222A. Termasuk, HP 4440 recovery disk, UK Edition.
• XB88B-9B96V-CRJPG-64882-GQBDD Full verison, bukan upgrade, termasuk Second Edition, UK Edition
• DJK2X-6XFJB-Q9J7J-WGC7P-WMHYG Compaq, HP, IBM, dsb., UK Edition
• HGBRM-RBK3V-M9FXV-YCXDK-V38J4 Apr 98 Beta
• MPRJW-T87XX-3QR6V-QDHYG-VW2MX
• MP4F9-W6C8V-HTCCT-T7M7R-Y7K3Y
• BRC8V-TJ2MK-KB97T-WVYH6-MB4YB
• K4HVD-99TJ9-6CRXG-C9G68-R92D3
• F6G3X-R7TMG-7HKWR-YHKQJ-KHJDQ
• BQRYF-BQ4BF-Q4VFX-D9PRC-YTCV7 French Update CD
• MD97J-QC7R7-TQJGD-3V2WM-W7PVM English Developer's Connection Version. Keliatannya bisa juga dengan T7J8Q....dsb (sama dengan diatas)
• HBM43-PD86Y-9R8HM-4GM8H-TVG3Q UK Edition
• BHB6V-JYFJ8-V9C47-QDB6B-JCTXK UK Version
• FQHDX-PPG3C-6GYXT-GDFXG-7DQBM
• WHPPW-3WVYF-DFJGH-QKQ94-67FJM
• BY8YQ-W9WZ9-FFDV3-PDK2J-RYYYW
• Q988C-P7VK2-K2K7R-QX9W9-7CDW3 UK Edition
• RV8RQ-6YTPD-HTPRC-C6G3G-TFKYF Upgrade

Windows 98 Second Edition (SE):
RW9MG-QR4G3-2WRR9-TG7BH-33GXB Full Edition, English UK
DKJQY-TMJGF-BYYPQ-Q2HB7-W2K3V Upgrade English, U.S. Version
K4HVD-Q9TJ9-6CRX9-C9G68-RQ2D3 Win 98 Upgrade Second Edition, termasuk 1st edition full retail
HQ6K2-QPC42-3HWDM-BF4KJ-W4XWJ Win 98 Second Edition, (serial yang sering digunakan) termasuk Denmark, Norwegia dan Norwegia OEM, UK Edition (product ID 16203-OEM-0000007-00651)
T7FCQ-XTD3Q-YY6QD-TGYJQ-7BPJJ UK Version
HQ88R-P7JWC-4FYHY-DK6MV-HT3CD Plus SE U.S English Ver 4.10.2222A
T7J8Q-MH7RP-9H9J2-2HVFG-C3X2M
P767C-WKHX7-62TFV-H6XTP-JXFQM digunakan untuk ver. 4.10.2222 English, UK Edition, termasuk Packard Bell Master Recovery CD
MKMXV-CDQGH-98HCX-3HM2C-G3T7B, UK Edition
XQY3P-8MMD2-JC6M2-HJDYW-P6H7B, UK Edition
d6xwh-xkvv6-t2f87-kb2kh-9h3yg from Compaq OEM system, UK Edition
BBH2G-D2VK9-QD4M9-F63XB-43C33 Chinese Language, Full Installation
J3R3W-VBVDF-2496X-46TQB-HH8BY Australian English. Product Key 792807368, UK Edition
TR9TQ-F4JRW-FXM4G-3H7V2-FH4J6 UK dan Chinese Version
W7XTC-2YWFB-K6BPT-GMHMV-B6FDY Second Edition English
JHD22-PY6C8-GGTJC-HYYWT-TF7MY Ver 4.10.2222A Retail
QMPMF-23D8R-83GV6-MMR3C-BQ7C3 UK Edition
QCWJD-F94YQ-KWQXX-M48M3-MCFQW UK Edition
WTY8X-CQP24-MX9TD-GBBD9-JKCXP (upgrade)
WGJTT-2Q9MV-3TB8B-DQ77Y-C6QKB UK Edition
TVYGH-V683W-3CWT9-MQ468-G66WR Upgrade
DBRCB-D43K3-VY4G4-KVG4H-6FK9M Australia
PRDDH-83JD9-G6PK4-684GF-6Y73B Dell OEM English dan Dell upgrade

MS Exchange Server 5.0 dan 5.5.
Serial Number : 7777-7777777

Office 2000
DR674-KJWQW-HGQKT-WGDBG-4RKY3 produk ID antara 450-5693453
Q2CXY-QYYJ4-QPTBH-WPCTB-9J4MM Volume/Corporate CD Key
RX2R4-4RDYW-269QY-7BC3J-XCFVB (Corporate CD Key)
JFD4K-MKCDP-83R4H-7GFCQ-2C9KB Professional English SR1
HQ6DG-JJ73M-C34Q7-W3G4H-CRB9Q UK Pro, Spanyol Premium, dan U.S. (standard upgrade) as well as Visio 2000
R7WB4-KQDHY-YTVRF-77JXC-W7898 Spanyol Premium
C3KDQ-BJBMM-YVP9B-DQY7V-VBG9G Spanyol SR-1, version 9.0.3821


Office 2000 Professional
H4GW2-2M9C4-R8YWX-BYJFT-KKFQ3 Termasuk MS Works Suite 2000 (Inggris dan swedia) dan Word 2000 sebaik dengan Word 2000 (HP OEM dan lainnya).
DT3FT-BFH4M-GYYH8-PG9C3-8K2FJ termasuk premium, pre SP1
D6WTV-YRQ4G-7FM8F-X7C6D-YCW2B
H4GW2-2M9C4-R8YWX-BYJFT-KKFQ3
BPTC6-8XTJT-J4FF4-KY6CB-BJV6B
DYG34-X3HDQ-C6K23-RY3CH-2W8BJ
P93G7-RVBJJ-YDQ3C-FGRGY-34DDY
DT3FT-BFH4M-9YYH8-PG963-8K2FJ (2nd Edition)
RX2R4-4RDYW-S29QY-7BC3J-XCFV3 (Corporate CD Key)
DFK97-PR8TC-9XMJJ-4JVCY-WHTP9 academic version, product ID 326-4662262

Office 2000 Premium :
MP4F9-W6C8V-HTCCT-T7M7R-Y7K3Y (Termasuk Office 10 Beta 2)
CFGBV-3MC8H-KW2XJ-8CVP6-KBRM9 (Termasuk SR-1, tapi butuh registras).

Works Suite 2000 :
KVCT4-RRKTT-68C39-FCT7B-CGRKD


Office 2000 Small Business :
J3GX9-MDBXB-934FC-CTQJ3-KFRM8, Termasuk Windows ME Upgrade, Works Suite 2000, Publisher 2000, Word 2000 (termasuk SR-1 dan OEM) dan Office 2000 Professional version (service release 1, English dan Norwegia).
W6FX3-77MJ3-JMVH2-VWP86-F4KMJ, Termasuk Flight Simulator 2000, Works Suite 2000, dan Word 2000 OEM.
B3KX2-BR7CY-MFMXK-HXGQB-8HBDG

Office 10 untuk Mac :
HGRK7-74222-YDF4X-VKP93-R8X76
C43G9-T2J4R-4V8GX-F9TYQ-R42W4
BDGFC-RTX84-TD6DD-XWX3H-HQDW8

Works 4.5a OEM version :
11111-11111-11111-11111-11111

Word 2000 :
BTB66-3JBDP-KJ67Q-G2CMR-7JMDX
WPB69-HRK28-WYRJ9-FKK76-DGDC8 Termasuk Works Suite 2000 dan 2001
GGX2P-DXCCP-443R8-4KBYV-BP3JM
XDDT9-9T82Y-47WDW-B9TV4-8M9MD
PF64V-RVBCV-4QJJG-7Q9VC-3DVRW Canadian version
K42BC-F4TJR-7FK6X-YKJKY-3RW2M


Front Page 2000 upgrade dan full version :
DYQV3-XDB7C-T24YH-2Q93P-T4G7V Termasuk Office 2000 Premium
R6BRT-3DH6Y-22BWG-H8T6C-49BXV Termasuk Project 2000 dan Publisher 2000
RYY3D-6XTJB-CDXQD-3JX9B-HM6JM
KXCTV-BJYKM-MBVHF-BCVY4-Q4JDQ


Project 2000 Pro :
MDYB4-92JGJ-CV7KY-H2B39-9X4TT termasuk yang digunakan untuk Visio 2000
F2CM8-WQBBB-W9PGK-FMX7B-DH8JC
BF4RG-JP66C-VJJ84-VWMGX-WCXPB
J9QQD-4TBM4-767WR-48RYV-QG3CH
FJRYR-2RPVG-QJBFP-VHCKY-88VJW


Visio 2000 :
HQ6DG-JJ73M-C34Q7-W3G4H-CRB9Q

Windows 2000 Professional :
G74HG-XXQTJ-RTX64-QKP3F-HKHXP
F6PGG-4YYDJ-3FF3T-R328P-3BXTG
VXKC4-2B3YF-W9MFK-QB3DB-9Y7MB
V8YCV-T66J9-YDHT3-D8X7W-QV89J
J4WH4-JXX2W-3FYM7-QJBB8-XKWD8
QR8T4-P2J49-68J88-79XTP-F2RG8
TXY8C-9X778-9BJ3T-6F2DC-332YF U.S. Upgrade
K3Y7V-XXWHC-8XT9Q-HH6TC-WMFYV U.S. Upgrade from MS
RBDC9-VTRC8-D7972-J97JY-PRVMG Termasuk digunakan untuk Windows Whistler, build 2428 dan Upgrade nya
J4WH4-JXX2W-3FYM7-QJBB8-XKWD8
DDTPV-TXMX7-BBGJ9-WGY8K-B9GHM
RM233-2PRQQ-FR4RH-JP89H-46QYB Retail
F63KX-K7WB2-J2Q4W-DYQCY-QTF9J
DY26P-7W66J-MQQQ7-QGRTQ-X8PHJ Corporate CD
RBDC9-VTRC8-D7972-J97JY-PRVMG sampai batas waktu 120 hari

Windows 2000 Server :
VTWQ6-GQ4DB-RF2BW-RRMRR-WDMDT termasuk SQL Server 2000 Personal Edition
FFMTB-VQTF3-7RK4K-DXC97-YM4FM

Windows 2000 Advanced Server :
H6TWQ-TQQM8-HXJYG-D69F7-R84VM termasuk Business Server
RBDC9-VTRC8-D7972-J97JY-PRVMG termasuk Windows 2000 Pro, kemungkinan masa aktifnya hanya 120 hari)
KRJQ8-RQ822-YRMXF-6TTXC-HD2VM

Outlook 2000 :
WK4BC-8C9GD-WRCKV-DV39P-T8JKG termasuk FrontPage 2000, Work Suite 2001, Gateway Work Suite 2003
QMFG4-83WGX-QVGH8-WJDW4-JG9FW

Windows ME (Millenium):
B6BYC-6T7C3-4PXRW-2XKWB-GYV33
RBDC9-VTRC8-D7972-J97JY-PRVMG Termasuk yang digunakan untuk Windows Whistler build 2428
HBTD9-6P338-XT2MV-QBTTF-WPGGB
Q6MD3-VG94N-C4M3X-W2WJ4-V7XJ7
QVGV7-BK2X8-GQ8M2-CVP4Y-WTHDG
QC4KJ-9QWCG-TD83Y-9Y9HT-HGYBB
R4J6Q-TT3GQ-FWVP9-K3XH8-2R2GB Austrian Version
FF8PG-YQQX4-7VHW8-MC4K9-T8VPQ Full Version (Retail)

Windows Millenium Upgrade :
XP87P-VJTGY-DB2RC-7HCT7-3DT34
MXMF7-DR8TP-K87XG-KKV99-G893R
MMMY3-BHC8M-6K86H-9RYDG-HPGYF
PDMVJ-MFXTK-JJKK9-QY2DM-37G2X

Office XP 2002 :
FM9FY-TMF7Q-KCKCT-V9T29-TBBBG (yang sering dipakai) digunakan untuk corporate Pro Enterprise dan Professional editions
Q4F49-MQ4YG-JCWHM-KF4QR-GRXWY Volume/Corporate CD Applications
HWB6C-8R8YY-M4M86-PXB88-3C78G Volume/Corporate CD Suites
RYXMW-P6PFM-YC2GP-YWX2R-9VY9G Retail Applications
VBVRC-TKK6Y-37HD7-FVGGB-JF36J Retail Suites
DYGWQ-D3FYG-V89BY-8KPG9-8YM9M
QHV8Q-JYYYQ-WDBWP-9GCPY-P77JB Professional
QX97T-8R9FY-M3HGX-KGXYD-R3C8T Seems to be 49 trial version
XFX2Y-28DHH-8XHX3-RXRC8-28TCD digunakan untuk Premium edition, termasuk UK edition with FrontPage

Windows XP Professional 2002 :
FCKGW-RHQQ2-YXRKT-8TG6W-2B7Q8 Corporate version dan upgrade
PQGR8-86HKG-2X3P7-H2DH2-HRM96 Corporate generated
J7282-VM7Y4-MXMJD-83DJM-BM6JY Corporate generated
RG6Q6-JRJQR-JMY3X-DPR7T-48K86 Corporate generated
W7VY8-R3HK7-J68PB-TQ4DF-B87M2 Corporate generated
FRQF8-RW2FT-MHFWB-GRQKP-T9GV2 Corporate generated
TKFFC-RMY9G-DD3HQ-JKPG9-AX6HD Volume License (may be post SP1)
BQ92H-YPC9T-3MCMY-7PPH8-8J3JF Retail version
KBGVG-DK767-BQPTM-3DC9F-HYV83 Retail version
3KFB7-X2Q3M-6MWFX-W2Y7V-C7M9B
BBK3H-PPH6P-G8YV7-FMBHM-2RV2P OEM SP1 compatible
BVFKG-7MXPW-Y6RVF-CMD22-FYRR7 OEM SP1 compatible
RBR8H-YBHRY-XVD8C-Q47YW-Y62CC OEM SP1 compatible

Windows XP Home Edition :
C6QQT-DYQ7H-HG39T-H47FX-Q3JD2 upgrade
RXRKX-X6747-V3VXH-7YWKM-733KT OEM
KVRDW-RCY6W-G3CKY-KFXMX-D3W4G Dell OEM
GW26P-KHYXT-WZWVT-HYTKW-76BFD Dell OEM

Publisher 2000 :
WK4BC-8C9GD-WRCKV-DV39P-T8JKG

Publisher XP :
dy6wq-d3fyg-v89by-8kpg9-8yw9m termasuk yang digunakan untuk Visio dan Publisher 2002 Pro
J8QDP-DW6B8-F37BF-XHQKF-7CPQ8

Visio Enterprise Network Tools :
HJ964-7DQ6D-7K7RK-DD7RM-TQGRB Volume/Corporate CD

Works Suite 2001 :
B8R3F-C6YPV-WX43W-M7PKG-PQV2Q Gateway OEM
RMRJP-C786V-W7B3G-QBQ3C-VCWYY

Publisher 2002 :
KHTG7-CTRJ3-3VGVJ-8T3C9-8RD3B
KDMPC-8YHTG-J6P3W-WYX9P-CD9T3
QD3G3-RYVKW-PPQ7B-9BQ3R-HJXKM

Project Pro 2002 :
QD3FF-TYBPF-MX7H4-JG833-W26YG

Visual Pro 2002 :
QCJ3X-79CWW-CK4M8-G2XT6-XXT93

Visual Studio .NET :
D64GG-GXY6T-V6FTR-WCPBB-2YDYB

Visual FoxPro 7.0 :
TCJC7-H2QDH-3T7G7-R6RTM-YRK3Y

Office XP Pro 2002 :
R6VRG-D96FT-2VPRH-RYR38-VMXB3

Project 2002 Pro :
dy6wq-d3fyg-v89by-8kpg9-8yw9m (reguler)

Works Suite 2002 :
K64YY-JRMKM-7DJJF-F2D96-8K736 termasuk Word 2002 dan Outlook 2002, kemungkinan hanya berlaku selama 50 hari.

Word 2002 :
HM6W4-KPQ88-CRPFM-VXXJB-26XJJ (trial version dengan 50 kali digunakan)

Works Suite 2003 :
KDQK3-QR72W-TBR3F-DJJHM-TGKF6 (Word 2002)

Windows Advanced Server 2003 :
QW32K-48T2T-3D2PJ-DXBWY-C6WRJ
WV72V-9VHTM-D8BVH-2H7WY-C63GQ
JGY48-4XYKJ-6CMTM-WTPXJ-7PG6M

Works Suite 2004 (including Word 2002) :
FK3TF-FJX6X-MXXBT-XVJ4R-7HRX8

Microsoft Office S & T Edition 2003 Trial dengan Microsoft Works 7.0 2004 Standard dan Microsoft MSN Encarta Standard
PY4R9-QHM6B-V7XJH-6F4Q3-PXQTJ

Windows Longhorn 4015 beta :
cky24-q8qrh-x3kmr-c6bcy-t847y

Selamat Mencoba !

Source code Delphi pake String Grid dan Button

unit Perulangan;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, StdCtrls, Grids;

type
  TForm1 = class(TForm)
    StringGrid1: TStringGrid;
    Label1: TLabel;
    Clear: TButton;
    Exit: TButton;
    A: TButton;
    B: TButton;
    C: TButton;
    E: TButton;
    D: TButton;
    H: TButton;
    J2: TButton;
    G: TButton;
    L: TButton;
    R: TButton;
    N: TButton;
    I1: TButton;
    M: TButton;
    Q: TButton;
    P: TButton;
    O: TButton;
    F: TButton;
    K: TButton;
    S: TButton;
    T: TButton;
    U: TButton;
    V: TButton;
    W: TButton;
    X: TButton;
    Y: TButton;
    Z: TButton;
    Label2: TLabel;
    satu: TButton;
    dua: TButton;
    tujuh: TButton;
    empat: TButton;
    lima: TButton;
    tiga: TButton;
    delapan: TButton;
    sembilan: TButton;
    enam: TButton;
    nol: TButton;
    plus: TButton;
    minus: TButton;
    bintang: TButton;
    Bagi: TButton;
    Label3: TLabel;
    Label4: TLabel;
    Label5: TLabel;
    procedure ExitClick(Sender: TObject);
    procedure ClearClick(Sender: TObject);
    procedure AClick(Sender: TObject);
    procedure BClick(Sender: TObject);
    procedure CClick(Sender: TObject);
    procedure DClick(Sender: TObject);
    procedure EClick(Sender: TObject);
    procedure FClick(Sender: TObject);
    procedure GClick(Sender: TObject);
    procedure HClick(Sender: TObject);
    procedure I1Click(Sender: TObject);
    procedure J2Click(Sender: TObject);
    procedure KClick(Sender: TObject);
    procedure LClick(Sender: TObject);
    procedure MClick(Sender: TObject);
    procedure NClick(Sender: TObject);
    procedure OClick(Sender: TObject);
    procedure PClick(Sender: TObject);
    procedure QClick(Sender: TObject);
    procedure RClick(Sender: TObject);
    procedure SClick(Sender: TObject);
    procedure TClick(Sender: TObject);
    procedure UClick(Sender: TObject);
    procedure VClick(Sender: TObject);
    procedure WClick(Sender: TObject);
    procedure XClick(Sender: TObject);
    procedure YClick(Sender: TObject);
    procedure ZClick(Sender: TObject);
    procedure nolClick(Sender: TObject);
    procedure satuClick(Sender: TObject);
    procedure duaClick(Sender: TObject);
    procedure tigaClick(Sender: TObject);
    procedure empatClick(Sender: TObject);
    procedure limaClick(Sender: TObject);
    procedure enamClick(Sender: TObject);
    procedure tujuhClick(Sender: TObject);
    procedure delapanClick(Sender: TObject);
    procedure sembilanClick(Sender: TObject);
    procedure plusClick(Sender: TObject);
    procedure minusClick(Sender: TObject);
    procedure BagiClick(Sender: TObject);
    procedure bintangClick(Sender: TObject);
  private
    { Private declarations }
  public
    { Public declarations }
  end;

var
  Form1: TForm1;
  i,j:integer;
implementation

{$R *.dfm}

procedure TForm1.ExitClick(Sender: TObject);
begin
application.Terminate;
end;

procedure TForm1.ClearClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
StringGrid1.Cells[i,j]:=(' ');
end;
end;
end;

procedure TForm1.AClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (j=1) or (j=5) or (i=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.BClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) and (j=2) or (i=1) and (j=3) or (i=1) and (j=4)
or (i=3) and (j=2) or (i=3) and (j=3) or (i=3) and (j=4)
or (i=5) and (j=2) or (i=5) and (j=3) or (i=5) and (j=4)
or (i=2) and (j=5) or (i=4) and (j=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.CClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=5) or (i=1) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.DClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) and (j=2) or (i=1) and (j=3) or (i=1) and (j=4)
or (i=5) and (j=2) or (i=5) and (j=3) or (i=5) and (j=4)
or (i=2) and (j=5) or (i=3) and (j=5) or (i=4) and (j=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.EClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) or (i=3) or (i=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.FClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) or (i=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.GClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) or (i=5) or (j=5) and (i=4) or (j=5) and (i=3)
or (j=4) and (i=3) or (j=3) and (i=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.HClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (j=5) or (i=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.I1Click(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.J2Click(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=5) or (i=5) or (j=1) and (i=4) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.KClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (j=5) and (i=1) or (j=5) and (i=5) or (j=4) and (i=2)
or (j=4) and (i=4)or (j=2) and (i=3) or (i=3) and (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.LClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.MClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (j=5) or (i=3) and (j=3) or (i=2) and (j=2)
or (i=2) and (j=4) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.NClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (j=5) or (i=j) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.OClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) or (i=5) or (j=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.PClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) or (i=3) or (i=2) and (j=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.QClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) or (j=5)and (i=2) or (j=5) and (i=3)
or (j=4) and (i=4) or (j=5) and (i=5) or (i=5) and (j=2)
or (i=5) and (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.RClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) and (j=2) or (i=1) and (j=3) or (i=1) and (j=4)
or (i=3) and (j=2) or (i=3) and (j=3) or (i=3) and (j=4)
or (j=5)and (i=2) or (j=3) and (i=4) or (j=4) and (i=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.SClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (i=3) or (i=5)
or (j=1) and (i=2) or (j=5) and (i=4) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.TClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.UClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=5) or (j=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.VClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) and (i=1) or (j=5) and (i=1) or (i=3) and (j=2)
or (i=3) and (j=4) or (i=5) and (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.WClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (j=5) or (i=4) and (j=2) or (i=4) and (j=4)
or (i=3) and (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.XClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=i) or (i=1) and (j=5) or (i=2) and (j=4)
or (i=4) and (j=2) or (i=5) and (j=1) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.YClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) and (i=1) or (j=5) and (i=1) or (j=2) and (i=2)
or (j=4) and (i=2) or (j=3) and (i=3) or (j=3) and (i=4)
or (j=3) and (i=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.ZClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (i=5) or (i=1) and (j=5) or (i=2) and (j=4)
or (i=4) and (j=2) or (i=5) and (j=1) or (i=3) and (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.nolClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=1) or (i=1) or (i=5) or (j=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.satuClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.duaClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (i=3) or (i=5) or (i=2) and (j=5)
or (i=4) and (j=1) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.tigaClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (i=3) or (i=5) or (j=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.empatClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=3) or (j=5) or (i=1) and (j=1)
or (j=1) and (i=2) or (j=5) and (i=1) or (j=5) and (i=2) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.limaClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (i=3) or (i=5)
or (j=1) and (i=2) or (j=5) and (i=4) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.enamClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (i=3) or (i=5) or (j=1) and (i=2) or (j=1) and (i=4)
or (j=5) and (i=4) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.tujuhClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (j=5) or (i=1) or (j=1) and (i=2) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.delapanClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (i=3) or (i=5) or (j=1) or (j=5) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.sembilanClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) or (i=3) or (i=5) or (j=5) or (j=1) and (i=2) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.plusClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=3) or (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.minusClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.BagiClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) and (j=5) or (i=2) and (j=4) or (i=3) and (j=3)
or (i=4) and (j=2) or (i=5) and (j=1) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

procedure TForm1.bintangClick(Sender: TObject);
begin
for i:=1 to StringGrid1.ColCount-1 do begin
for j:=1 to StringGrid1.RowCount-1 do begin
if (i=1) and (j=5) or (i=2) and (j=4) or (i=3) and (j=3)
or (i=4) and (j=2) or (i=5) and (j=1) or (i=j)
or (i=3) or (j=3) then
StringGrid1.Cells[j,i]:=('#');
end;
end;
end;

end.

Ilmu Komputer

Ilmu komputer (bahasa Inggris: Computer Science), secara umum diartikan sebagai ilmu yang mempelajari baik tentang komputasi, perangkat keras (hardware) maupun perangkat lunak (software). Ilmu komputer mencakup beragam topik yang berkaitan dengan komputer, mulai dari analisa abstrak algoritma sampai subyek yang lebih konkret seperti bahasa pemrograman, perangkat lunak, termasuk perangkat keras. Sebagai suatu disiplin ilmu, Ilmu Komputer lebih menekankan pada pemrograman komputer, dan rekayasa perangkat lunak (software), sementara teknik komputer lebih cenderung berkaitan dengan hal-hal seperti perangkat keras komputer (hardware). Namun demikian, kedua istilah tersebut sering disalah-artikan oleh banyak orang.

Tesis Church-Turing menyatakan bahwa semua alat komputasi yang telah umum diketahui sebenarnya sama dalam hal apa yang bisa mereka lakukan, sekalipun dengan efisiensi yang berbeda. Tesis ini kadang-kadang dianggap sebagai prinsip dasar dari ilmu komputer. Para ahli ilmu komputer biasanya menekankan komputer von Neumann atau mesin Turing (komputer yang mengerjakan tugas yang kecil dan deterministik pada suatu waktu tertentu), karena hal seperti itulah kebanyakan komputer digunakan sekarang ini. Para ahli ilmu komputer juga mempelajari jenis mesin yang lain, beberapa diantaranya belum bisa dipakai secara praktikal (seperti komputer neural, komputer DNA, dan komputer kuantum) serta beberapa diantaranya masih cukup teoritis (seperti komputer random and komputer oracle).

Ilmu Komputer mempelajari apa yang bisa dilakukan oleh beberapa program, dan apa yang tidak (komputabilitas dan intelegensia buatan), bagaimana program itu harus mengevaluasi suatu hasil (algoritma), bagaimana program harus menyimpan dan mengambil bit tertentu dari suatu informasi (struktur data), dan bagaimana program dan pengguna berkomunikasi (antarmuka pengguna dan bahasa pemrograman).

Ilmu komputer berakar dari elektronika, matematika dan linguistik. Dalam tiga dekade terakhir dari abad 20, ilmu komputer telah menjadi suatu disiplin ilmu baru dan telah mengembangkan metode dan istilah sendiri.

Departemen ilmu komputer pertama didirikan di Universitas Purdue pada tahun 1962. Hampir semua universitas sekarang mempunyai departemen ilmu komputer.

Membuat HTML dengan NotePad 2

ALIGNMENT ATAU PERATAAN

Dalam tulisan cetak, dikenal tiga atau empat macam perataan yaitu rata kiri (align left), di tengah (center), rata kanan (align right) dan rata kiri dan kanan (justify). Tag Header dan Tag Paragraf dapat disisipi dengan atribut align untuk melakukan perataan ini. 

Contoh atribut perataan dalam tag header: 

<HTML><BODY> <H1>Header level 1</H1> <H2 align="center">Header level 2</H2> <H3 align="right">Header level 3</H3> <HTML><BODY>

Bila dilihat dalam browser, tampak seperti ini:

Header level 1 Header level 2 Header level 3

Contoh atribut perataan dalam tag paragraf:

<HTML><BODY> <P>paragraf rata kiri adalah default <P align="center">paragraf di tengah <P align="right">paragraf rata kanan <P align="justify">paragraf rata kiri dan kanan </HTML></BODY>

Hasilnya seperti yang anda bayangkan:

paragraf rata kiri adalah default paragraf di tengah paragraf rata kanan paragraf rata kiri dan kanan

Berpedoman dengan contoh di atas, cobalah membuat tulisan dengan model header dan paragraf sebagai berikut:

Untuk Apa Mempunyai Homepage? Jika anda seorang pelajar atau mahasiswa, anda dapat membuat homepage untuk memperkenalkan sekolah atau universitas anda. Apa kegiatannya, program kerjanya di masa datang, organisasi-organisasi yang terdapat di dalamnya, dan lain sebagainya. Jika anda seorang ilmuwan, peneliti atau saintis, homepage anda bisa diisi dengan publikasi karya ilmiah anda, tesis, proposal-proposal iptek, rencana penelitian, masalah yang dihadapi dalam penelitian, jadwal seminar, dan lain sebagainya. Selain itu, anda juga bisa membuat polling online untuk keperluan riset atau untuk mendukung teori-teori anda.  Jika anda seorang pengusaha, anda dapat mengisi homepage anda dengan barang-barang produksi atau perdagangan anda, tipe dan jenisnya, dukungan purna jualnya, pemasarannya, profil perusahaan, jumlah karyawan, lowongan pekerjaan, grafik kemajuan perusahaan, dan sebagainya.

INDENTASI

Disamping mengatur perataan, kita pun bisa mengatur posisi baris-baris paragraf dari margin (tepi halaman). Ada tiga macam bentuk indentasi paragraf. Pertama, baris pertamanya saja yang agak masuk ke dalam. Untuk membuat paragraf semacam ini kita menggunakan tag <DD>. Contoh:

<HTML><BODY> <DD>Paragraf atau alinea ialah sekumpulan kalimat yang mengandung satu pokok pikiran. Antara satu paragraf dengan paragraf lainnya biasanya dipisahkan oleh baris kosong. Namun biasa pula paragraf itu ditandai dengan posisi baris pertamanya yang agak masuk ke dalam. <HTML><BODY>

Beginilah hasilnya bila dibuka dalam browser:

Paragraf atau alinea ialah sekumpulan kalimat yang mengandung satu pokok pikiran. Antara satu paragraf dengan paragraf lainnya biasanya dipisahkan oleh baris kosong. Namun biasa pula paragraf itu ditandai dengan posisi baris pertamanya yang agak masuk ke dalam.

Kedua, membuat paragraf yang semua barisnya agak masuk ke dalam. Untuk membuat paragraf semacam ini kita menggunakan tag <BLOCKQUOTE> yang mengapit paragraf-paragraf yang hendak kita jadikan masuk ke dalam. 

<HTML><BODY> Ini adalah paragraf normal <BLOCKQUOTE> <P>Ini paragraf yang agak masuk ke dalam. <P align="justify">Ini juga contoh paragraf yang agak masuk ke dalam. Dengan kalimat yang agak panjang, kita lihat bahwa <b>semua baris</b> dalam paragraf ini letaknya agak masuk ke dalam. <i>Sama rata sama jauhnya</i>.  </BLOCKQUOTE> <P>Nah, paragraf ini kembali normal, karena tag <i>blockquote</i> sudah berlalu alias sudah ditutup di atas. Ngerti, kan? </HTML></BODY>

Beginilah tampilannya dalam browser:

Ini adalah paragraf normal Ini paragraf yang agak masuk ke dalam. Ini juga contoh paragraf yang agak masuk ke dalam. Dengan kalimat yang agak panjang, kita lihat bahwa semua baris dalam paragraf ini letaknya agak masuk ke dalam. Sama rata sama jauhnya. Nah, paragraf ini kembali normal, karena tag blockquote sudah berlalu alias sudah ditutup di atas. Ngerti, kan?

Ketiga, membuat paragraf dalam susunan daftar definisi (definition list). Daftar definisi ialah susunan paragraf yang berselang-seling antara paragraf normal yang merupakan kalimat yang hendak dijelaskan dengan paragraf yang agak masuk ke dalam yang merupakan penjelasan atau definisi dari kalimat di atasnya. Untuk lebih jelasnya, berikut ini contoh daftar definisi:

Daftar Istilah Penting: Internet Singkatan dari interconnection network atau hubungan antar jaringan. Internet ialah jaringan komputer global dan merupakan jaringan komputer yang terbesar di dunia karena mampu menghubungkan seluruh komputer yang ada di dunia. HTTP Singkatan dari Hypertext Transfer Protocol adalah salah satu protokol bahasa yang digunakan untuk berkomunikasi antar server komputer dalam internet. Protokol bahasa yang lain dalam internet misalnya: Telnet, News, Gropher, FTP. Karena cuma demo, cukup dua definisi sajalah.

Untuk membuat daftar definisi semacam di atas digunakan tiga macam tag yaitu <DL> yang menandai dimulai atau diakhirinya daftar definisi, <DT> yang menandai paragraf normal (yang dijelaskan) dan <DD> yang menandai paragraf yang agak masuk ke dalam (yang menjelaskan paragraf di atasnya).

Untuk contoh di atas beginilah kode sumbernya:

<HTML><BODY> <p align="center"><b>Daftar Istilah Penting:</b> <DL> <DT><B>Internet</b> <DD>Singkatan dari <i>interconnection network</i> atau hubungan antar jaringan. Internet ialah jaringan komputer global dan merupakan jaringan komputer yang terbesar di dunia karena mampu menghubungkan seluruh komputer yang ada di dunia.  <DT><b>HTTP</B> <DD>Singkatan dari <i>Hypertext Transfer Protocol</i> adalah salah satu protokol bahasa yang digunakan untuk berkomunikasi antar server komputer dalam internet. Protokol bahasa yang lain dalam internet misalnya: Telnet, News, Gropher, FTP. </DL> Karena cuma demo, cukup dua definisi sajalah. Nah, paragraf ini kembali normal. </HTML></BODY>

Sekarang, cobalah berlatih membuat daftar definisi sendiri!

DAFTAR ITEM (BULLET AND NUMBERING)

Ada dua macam daftar item yaitu daftar item tak berurut (bullet) dan daftar item berurut (numbering). 

Contoh daftar item tak berurut (bullet):

• item pertama
• item kedua
• item ketiga

Contoh daftar item berurut (numbering):

1. item pertama
2. item kedua
3. item ketiga

Untuk membuat daftar item tak berurut kita gunakan tag <UL> sedang untuk membuat daftar item berurut digunakan tag <OL>. Adapun setiap item ditandai dengan tag <LI>. 

Beginilah kode sumber untuk daftar item tak berurut di atas:

<ul> <li>item pertama</li> <li>item kedua</li> <li>item ketiga</li> </ul>

Dan beginilah kode sumber untuk daftar item berurut di atas:

<ol> <li>item pertama</li> <li>item kedua</li> <li>item ketiga</li> </ol>

Kita pun dapat membuat daftar item bertingkat atau daftar item di dalam daftar item. Contohnya sebagai berikut:

item pertama item kedua sub item pertama sub item kedua sub sub item pertama sub sub item kedua sub sub item ketiga sub item ketiga item ketiga

Untuk membuat daftar item bertingkat seperti di atas tidak ada penambahan tag atau atribut apa-apa. Yang dilakukan hanyalah menempatkan tag-tag daftar item tingkat bawah di dalam daftar item tingkat di atasnya. Untuk jelasnya beginilah source kodenya:

<ul> <li>item pertama</li> <li>item kedua</li> <ul> <li>sub item pertama</li> <li>sub item kedua</li> <ul> <li>sub sub item pertama</li> <li>sub sub item kedua</li> <li>sub sub item ketiga</li> </ul> <li>sub item ketiga</li> </ul> <li>item ketiga</li> </ul>

Penulisan kode-kode HTML di atas sengaja kita beri spasi agak ke dalam, agar lebih mudah dibaca dan dimengerti mana yang level pertama, kedua dan seterusnya. Sebenarnya, tanpa pemberian spasi, hasilnya dalam browser tetap akan menggunakan spasi agak ke dalam untuk level-level di bawahnya. 

Cara yang sama dilakukan untuk membuat daftar item berurut bertingkat. Kita tinggal mengganti tag <UL> dengan tag <OL> maka hasilnya akan seperti ini: 

item pertama item kedua sub item pertama sub item kedua sub sub item pertama sub sub item kedua sub sub item ketiga sub item ketiga item ketiga

Dari contoh daftar item tak berurut yang bertingkat di atas, kita lihat bahwa secara default, browser akan menampilkan gambar (bullet) bulatan hitam untuk item-item level pertama, lingkaran untuk untuk item-item level kedua, dan kotak hitam untuk item-item level ketiga.  Sebenarnya kita pun bisa memilih sendiri bullet jenis apa yang kita ingin gunakan dengan menambah atribut TYPE dalam tag <UL>. Rumusnya: <UL TYPE="jenis bullet">. Dimana nama bullet ada tiga macam: "disc" untuk bulatan hitam, "circle" untuk lingkaran, dan "square" untuk kotam hitam. Jadi bila kita ingin membuat daftar item semacam ini:

item pertama item kedua item ketiga

Maka kita menuliskan kode-kode HTML sebagai berikut:

<ul type="square"> <li>item pertama</li> <li>item kedua</li> <li>item ketiga</li> </ul>

Untuk daftar item berurut (numbering), jenis angkanya pun dapat diganti dengan menggunakan atribut yang sama. Jadi rumusnya: <OL TYPE="jenis angka">. Sedangkan jenis angkanya diisi dengan angka 1, A, a, I, atau i tergantung selera kita. Contoh:

<ol type="I"> <li>item pertama</li> <li>item kedua</li> <ol type="A"> <li>sub item pertama</li> <li>sub item kedua</li> <ol type="1"> <li>sub sub item pertama</li> <li>sub sub item kedua</li> <li>sub sub item ketiga</li> </ol> <li>sub item ketiga</li> </ol> <li>item ketiga</li> </ol>

Akan menghasilkan daftar item sebagai berikut:

item pertama item kedua sub item pertama sub item kedua sub sub item pertama sub sub item kedua sub sub item ketiga sub item ketiga item ketiga

Sekian pelajaran tentang bullet dan numbering.

Membuat HTML dengan NotePad

HEADER ATAU KEPALA TULISAN

Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut: 

<HTML><BODY> <H1>Header level 1</H1> <H2>Header level 2</H2> <H3>Header level 3</H3> <H4>Header level 4</H4> <H5>Header level 5</H5> <H6>Header level 6</H6> <HTML><BODY>

Simpanlah dalam format file HTML kemudian buka dalam browser. Hasilnya akan tampak sebagai berikut:

Header level 1 Header level 2 Header level 3 Header level 4 Header level 5 Header level 6

BARIS DAN PARAGRAF

Sekarang kita akan mempelajari bagaimana cara membuat baris dan paragraf. Biasanya, untuk membuat baris baru, kita lakukan dengan menekan tombol Enter. Bagaimana dengan dokumen HTML? Cobalah membuat tulisan berikut pada Notepad:

<HTML><BODY> Baris pertama Baris kedua Baris ketiga <HTML><BODY>

Simpanlah sebagai file HTML kemudian bukalah dalam browser. Bagaimana hasilnya? Ternyata hasilnya hanya seperti ini: 

Baris pertama Baris kedua Baris ketiga.

Kesimpulannya, penekanan tombol Enter tidak menghasilkan baris dalam tampilan browser. Demikianlah sifat penulisan dokumen HTML. Lantas, bagaimana caranya membuat baris? Gunakanlah tag <BR>. Tag ini tidak mempunyai tag penutup. Bukalah source kode file HTML tadi lalu edit seperti berikut:

<HTML><BODY> Baris pertama <BR>Baris kedua <BR>Baris ketiga </HTML></BODY>

Simpan kemudian lihat hasilnya dengan me-refresh pada browser. Hasilnya kurang lebih akan seperti ini:

Baris pertama Baris kedua Baris ketiga

Membuat baris kalimat, gampang kan ? Tag <BR> tersebut dapat pula digunakan untuk membuat baris kosong, artinya baris yang tidak mempunyai kalimat apa-apa. Editlah sekali lagi source code latih4.htmmenjadi seperti ini:

<HTML><BODY> Baris pertama<BR><BR>Baris kedua kosong, dan ini baris ketiga<BR><BR><BR>Baris keempat dan kelima kosong, dan ini baris keenam </BODY></HTML>

Simpan lalu refresh sekali lagi maka hasilnya akan seperti ini:

Baris pertama Baris kedua kosong, dan ini baris ketiga Baris keempat dan kelima kosong, dan ini baris keenam

Di sini kita lihat bahwa tag <BR> yang ditulis dua kali akan menghasilkan dua baris, demikian seterusnya. Setelah pandai membuat baris, sekarang kita akan belajar membuat paragraf. Perhatikanlah contoh tulisan di bawah ini:

<HTML><BODY> Paragraf pertama <P>Paragraf kedua <P>Paragraf ketiga </BODY></HTML>

Bila dilihat dalam browser, hasilnya akan seperti ini:

Paragraf pertama Paragraf kedua Paragraf ketiga

Dengan berpatokan pada contoh penggunaan tag <P> di atas, cobalah buat file HTML dengan menggunakan Notepad sehingga menghasilkan dokumen HTML yang akan tampak di browser seperti ini:

World Wide Web (WWW) merupakan sebuah sistem dimana informasi (teks, gambar, suara, dan lain-lain) dipresentasikan dalam bentuk hypertext dan dapat diakses oleh sebuah peraga WWW (yang sering disebut sebagai browser).  Informasi di WWW pada umumnya ditulis dalam bentuk HTML (Hypertext Markup Language). Selain itu, informasi lain dapat berupa gambar (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World).

Bila anda masih mengingat pelajaran-pelajaran terdahulu, maka tanpa kesulitan yang berarti anda akan bisa membuat source code untuk menghasilkan tulisan-tulisan di atas. Kode sumbernya kira-kira sebagai berikut:

<HTML><BODY> <B>World Wide Web</B> (WWW) merupakan sebuah sistem dimana informasi (teks, gambar, suara, dan lain-lain) dipresentasikan dalam bentuk <I>hypertext</I> dan dapat diakses oleh sebuah peraga WWW (yang sering disebut sebagai <U>browser</U>). <P>Informasi di WWW pada umumnya ditulis dalam bentuk HTML (Hypertext Markup Language). Selain itu, informasi lain dapat berupa: gambar (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World). </HTML></BODY>

Simpanlah file di atas kemudian buka dalam browser. 

NOTASI KHUSUS

Kita telah mengetahui bahwa browser tidak mengenal pembuatan baris dengan tombol Enter. Disamping itu, browser juga tidak mengenal pembuatan spasi lebih dari satu spasi dengan menekan tombol Spasiataupun tombol Tab. Nah, bagaimana caranya membuat lebih dari satu spasi dalam dokumen HTML? Pembuatan spasi dalam kode-kode HTML diganti tulisan &nbsp; seperti yang bisa kita lihat pada contoh berikut ini:

<HTML><BODY> kata-kata ini diantarai satu spasi sedangkan<br>kata-kata &nbsp;&nbsp;&nbsp; ini &nbsp;&nbsp;&nbsp; diantarai &nbsp;&nbsp;&nbsp; lima &nbsp;&nbsp;&nbsp; spasi </HTML></BODY>

Bila dilihat dalam browser hasilnya akan seperti ini:

Kata-kata ini diantarai satu spasi sedangkankata-kata     ini     diantarai     lima     spasi

Disamping notasi untuk pembuatan spasi (&nbsp;) ada lagi sejumlah notasi khusus untuk penulisan karakter-karakter tertentu. Karakter-karakter ini harus dituliskan dengan notasi khusus mengingat karakter-karakter ini dipakai juga sebagai kode-kode tag atau karena memang tidak dijumpai dalam karakter teks ASCII. Berikut beberapa diantaranya:

Karakter	Keterangan	Notasi
<	kurung runcing buka	&lt;
>	kurung runcing tutup	&gt;
&	dan	&amp;
"	tanda petik ganda	&quot;
+	tanda plus minus	&plusmn;
©	hak cipta atau copyright	&copy;
®	terdaftar atau registered	&reg;

Misalnya kita akan membuat tulisan seperti ini:

Tip & Trik ini disajikan untuk para "pemula". Banyaknya ± 75 artikel. Dan setiap artikel terdaftar® dalam direktorat hak cipta©.  <harap maklum>

Beginilah cara penulisannya dengan bahasa HTML:

<HTML><BODY> Tip &amp; Trik ini disajikan untuk para &quot;pemula&quot;. Banyaknya &plusmn; 75 artikel. Dan setiap artikel terdaftar&reg; dalam direktorat hak cipta&copy;. <br>&lt;harap maklum&gt;. </HTML></BODY>

MENAMPILKAN APA ADANYA

Meskipun browser tidak mengenali spasi lebih dari sekali , tabulasi dan pembuatan baris dengan enter, namun dengan menggunakan tag <PRE> maka browser akan menampilkan teks apa adanya, maksudnya spasi dianggap spasi, tabulasi dianggap tabulasi dan enter dianggap enter. Bahkan font-nya pun muncul sesuai aslinya. Begini contohnya:

<HTML><BODY> <PRE> <B>Pantun Petuah</B> Berakit-rakit     ke hulu Bersenang-senang kemudian     Bersakit-sakit     dahulu     Bersenang-senang kemudian </PRE> </BODY></HTML>

Simpanlah file di atas sebagai file HTML kemudian tampilkan dalam browser, hasilnya akan seperti ini:

Pantun Petuah Berakit-rakit ke hulu Bersenang-senang kemudian Bersakit-sakit dahulu Bersenang-senang kemudian

Tag <PRE> ini sangat diperlukan bila kita ingin menampilkan dalam halaman web sekumpulan karakter ASCII dalam susunan tertentu seperti contoh berikut ini:

___________________ |,-----.,-----.,---.\ || || || \\ |`-----'|-----||-----\`----. [ | -||- _| (| [ ,--. |_____||___/.--. | =-(( `))-----------(( `))-== `--'