program free pascal tanpa array

Program EntryData;

Uses CRT;

Var  i,bd : Integer;

     NIM  : String[9];

     Nama : String[25];

Begin

     Clrscr;

     Write('Banyak data yang diproses = '); Readln(bd);

     Writeln;

     For i:=1 To bd Do

     Begin

       Writeln('Data ke-',i);

       Write('NIM   : '); Readln(NIM);

       Write('Nama  : '); Readln(Nama);

     End;

     Writeln;

     Writeln('Membaca data yang sudah di Entry');

     Writeln;

     For i:=1 To bd Do

     Begin

       Writeln('Data ke-',i);

       Writeln('NIM   : ',NIM);

       Writeln('Nama  : ',Nama);

     End;

     Repeat Until Keypressed;

End.

OPERASI STRING PADA BAHASA PASCAL

---------------------------------
* Suatu String dalam Bahasa Pascal dapat dioperasikan dengan berbagai macam tujuan. Pascal menyediakan berbagai prosedur standar dan fungsi standar untuk operasi string.
* Dalam operasinya, String hanya mempunyai sebuah operator, yaitu operator ‘+’. Bila operator ini digunakan untuk dua buah elemen string, maka akan menjadi penggabungan dua buah string menjadi satu.
* Panjang maksimal suatu string yang diijinkan oleh Pascal adalah 255 karakter.

Contoh:
Const
 Jenis = 'bahasa';
 Nama  = 'Pascal';
Var
 Sifat   : String[15];
 Kalimat : String[80];
Begin
 Sifat   := 'terstruktur';
 Kalimat := Nama+' merupakan '+Jenis+' '+Sifat;
 WriteLn(Kalimat);
 Readln;
End.

Output:  Pascal merupakan bahasa terstruktur

Prosedur Standar
----------------
=> Yang berguna untuk memanipulasi String
   DELETE
   INSERT
   STR
   VAL

Fungsi Standar untuk Operasi String
-----------------------------------
=> CONCAT
   COPY
   POS
   LENGTH

Prosedur Standar
----------------
* DELETE
Menghapus substring dari suatu string, dimulai dari posisi i, sebanyak n karakter.
Bentuk umum : DELETE (string, i, n)
Contoh:
uses crt;
var
   s, akhir, awal : string;
begin
   clrscr;
   s:='informatika';
   akhir:=s;
   awal:=s;
   writeln('sebelum dihapus:',s);
   writeln;
   {hapus akhir}
   delete(akhir,5,7);
   writeln('setelah dihapus:',akhir);
   {hapus awal}
   delete(awal,1,3);
   writeln('setelah dihapus awal:',awal);
   readln;
end.

Output:
sebelum dihapus:informatika

setelah dihapus:info
setelah dihapus awal:ormatika

* INSERT
Menyisipkan string ke dalam suatu string lainnya, pada posisi i.
Bentuk umum : INSERT (string1, string2, i)
Contoh 1:
uses crt;
var
   s1, s2 : string;
begin
   clrscr;
   s1:='AS';
   s2:='PCAL';
   Insert(s1,s2,2);
   writeln('setelah disisipi=',s2);
   readln;
end.

Output 1:
setelah disisipi=PASCAL

Contoh 2:
VAR
   kata : string[25];
BEGIN
   kata := ‘algoritma pemograman’;
   insert(‘dan ’,kata,11);
   writeln(kata);
   readln;
END.

Output 2:  algoritma dan pemograman

* STR
Mengubah bentuk numerik(x) menjadi nilai string(s)
Bentuk umum : STR (x [ : n [ :m ] ], string)
Nilai ‘n’ menunjukkan format panjang dari nilai utuh dan nilai ‘m’ menunjukkan format panjang desimal (nilai dibelakang koma)
Contoh:
VAR
   N1, N2 : integer;
   S1, S2 : string;
BEGIN
   N1 := 1234; N2 := 567;
   Writeln (N1+N2);
   Str(N1:4,S1); {jika “:4” dihapus maka output tanpa spasi}
   Str(N2:4,S2);
   Writeln(S1+S2);
   Readln;
END.

Output :
1801
1234 

* VAL
Mengubah nilai suatu argumen string menjadi nilai numerik
Bentuk umum : Val(Var_string_angka,Var_nilai,kode)
Keterangan :
# Var_string_angka berisi data string yang berupa angka.
# Var_nilai berisi data hasil konversi.
# Jika terjadi kesalahan data maka akan posisi kesalahan disimpan pada kode.
Contoh:
VAR
   Nilaistring : string[10];
   Nilaireal   : real;
   Posisisalah : integer;
BEGIN
   Nilaistring:=’-123.45’;
   Val(nilaistring,nilaireal,posisisalah);
   Writeln(‘nilai string : ’,nilaistring);
   Writeln(‘nilai real   : ’,nilaireal);
   Writeln(‘posisi salah : ‘,posisisalah’);
   Nilaistring:=’-123.A5’;
   Val(nilaistring,nilaireal,posisisalah);
   Writeln(‘nilai string : ’,nilaistring);
   Writeln(‘nilai real   : ’,nilaireal);
   Writeln(‘posisi salah : ‘,posisisalah’);
   Readln;
END.

Output :
nilai string : -123.45
nilai real   : -1.2345000000E+02
posisi salah : 0
nilai string : -123.A5
nilai real   : 0.0000000000E+00
posisi salah : 6

Fungsi Standar
--------------
* CONCAT
Menggabungkan dua string secara berurut. Fungsi standar ini mempunyai operasi yang sama dengan operator string ‘+’, yaitu merangkai beberapa nilai string.
Bentuk umum : ConCat(S1,S2[,S3,…, Sn])
Contoh:
uses crt;
VAR
   S1, S2 : string[8];
   S3     : string[20];
BEGIN
   clrscr;
   S1 := 'infor';
   S2 := 'matika';
   S3 := CONCAT(S1,S2);
   Write ('Setelah digabung = ', S3);
   readln;
END.

Output:
Setelah digabung = informatika

* COPY
Mengambil bagian string (substring) dari suatu string, dimulai dari posisi i,sebanyak n karakter.
Bentuk umum : COPY (String, i, n)
Contoh:
uses crt;
Var
   s,r : string;
BEGIN
   clrscr;
   s := 'informatika';
   r := copy (s,3,6);
   WriteLn ('Nilai r(COPY) adalah ', r);
   readln;
END.

Output:
Nilai r(COPY) adalah format

* POS
Mencari posisi letak dari suatu substring yang ada dalam suatu string
Bentuk umum : POS (subString, string)
Contoh:
VAR
   Kata,S : String[20];
BEGIN
   S := ‘ABCDEFGHIJKLMNOPQRST’;
   Kata := ‘FGH’;
   WriteLn(Kata, ‘ di posisi ‘,POS(Kata,S);
   Readln;
END.

Output: FGH di posisi 6

* LENGTH
Memberikan nilai panjang atau jumlah karakter dari suatu string.
Contoh:
VAR
   s : string[20];
BEGIN
   s := ‘Pascal’;
   WriteLn(‘Lenght : ’, ‘”‘,s, ‘”‘ ,‘ adalah ‘, length(s));
   Readln;
END.

Output :
Length : “Pascal” adalah 6

RyantiAfryanti

http://debiirawan1.blogspot.co.id/

Dasar Pengenalan Pascal Untuk Pemula

 SHELLA DAMAYANTI  FRIDAY, 2 OCTOBER 2015  APLIKASI, SOFTWARE, WINDOWS

Semester baru pelajaran baru nihh, kali ini ketemu sama pelajaran pemrograman yaituPASCAL. Dikarenakan Shella merupakan mahasiswi jurusan Teknik Informatika, maka bahasa pemrograman ini tentu akan bermanfaat sebagai dasar karena pascal memiliki aturan pemrograman yang terstruktur sehingga cocok untuk mempelajari algoritma dan pemrograman komputer.Jika sobat ingin memulai belajar bahasa pemrograman dan algoritma dari dasar, Shella anjurkan sih belajar pascal terlebih dahulu karena setelah menguasai struktur dan aturan penulisan pascal tentu kita akan bisa lanjut ke bahasa pemrograman lainnya dengan mudah seperti bahasa C, C#, C++ atau Java.

 Pascal adalah salah satu bahasa pemrograman
 komputer
 yang biasanya digunakan sebagai pengantar untuk
 mulai belajar algoritma yang relatif mudah dipelajari
 karena perintah-perintahnya yang mirip dengan
 bahasa inggris

Sebelumnya sobat Sheliciouss tau atau pernah
 denger gak apa itu pascal ? Jika sobat sebelumnya
 mempunyai basic dibidang komputer pasti gak asing
 lagi dong dengan kata tersebut, nah bagi yang belum
 pernah denger boleh deh disimak dulu sebelum kita
 belajar lebih lanjut.

 sehari-hari seperti begin, end, write dan read.

Agar program dapat berjalan maka script yang
 harus kita gunakan harus dicompile atau
 disusun kedalam bahasa mesin dan akan
 diterjemahkan kembali oleh operating system
 yang akan terlihat lebih menarik atau user
 friendly. Biasanya software yang digunakan
 untuk mengcompile disebut Compiler.

Biasanya sofware yang banyak digunakan
 sekarang untuk mengcompile adalah
 Turbo Pascal danFree Pascal. Selain itu
 juga, kita dapat mengcompile secara online
melalui website onlinecompiler.net

Untuk sekarang software yang Shella gunakan
 yaitu Free Pascal. Sudah terlihat dari namanya
 saja "free" ,otomatis software ini bisa digunakannya
 secara gratis. Selain itu kita dapat menginstallnya
 dengan mudah ke system operasi modern tanpa
menggunakan emulator atau aplikasi tambahan lainnya.

Sekarang kita coba ya untuk menuliskan script
 awal dalam pascal, kita gunakan output untuk
 menampilkan script yaitu Writeln.

Program HelloSheliciouss; 

var a: string; 

begin 

 writeln('Hello Sobat Sheliciouss'); 

 readln(a); 

end.

Terus bagaiman jika kita ingin mencoba input script diatas ? caranya mudah kok . Yuk ikutin langkah-langkah dari awal :

1. Buka aplikasi Free Pascal IDE.
   
2. Setelah itu klik File lalu New
   
3. Ketikan script dibawah ini
   
4. Jika sudah selesai di ketikan, klik Compile dan save program yang sudah kita buat tadi lalu ketik sembarang huruf.
   
5. Untuk melihat hasilnya klik Run, untuk merunning program.
   
6. Selesai deh, berikut hasil inputan yang akan ditampilkan
   

Dari script diatas bisa kita lihat dari masing-masing kegunaannya, berikut penjelasannya :

1. variabel, merupakan tempat penyimpanan data sementara.

2. a , merupakan variabel yang kita buat.

3. string, merupakan tipe data sebuah inputan yang artinya inputan itu sebuah huruf

4. begin, memulai script inputan yang akan dijadikan hasil output

5. writeln, script untuk menampilkan teks yang telah disimpan dalam sebuah variabel

6. readln, script ini ditulis diakhir program berguna untuk mencegah program agar tidak menutup halaman setelah menampilkan output.

Nah bagaimana sudah paham kan sekarang bagaimana menampilkan script yang sudah kita buat dalam sebuah compiler tadi. Sekian pengenalan dasar Pascal kali, tunggu tutorial selanjutnya ya ..:)

http://www.sheliciouss.com/2015/10/dasar-pengenalan-pascal-untuk-pemula.html

Penerapan Teknologi dalam Dunia Pendidikan

Teknologi Informasi adalah istilah umum yang menjelaskan teknologi apa pun yang membantu manusia dalam membuat, mengubah, menyimpan,mengomunikasikan dan/atau menyebarkan informasi. Teknologi Informasi (TI) menyatukan komputasi dankomunikasi berkecepatan tinggi untuk data, suara, dan video. Contoh dari Teknologi Informasi bukan hanya berupa komputer pribadi, tetapi juga telepon, TV, peralatan rumah tangga elektronik, dan peranti genggam modern (misalnya ponsel).

Bidang Bisnis

Dalam dunia bisnis yang sangat erat kaitannya dengan transaksi jual-beli, pemanfaatan Teknologi

Informasi dapat dimanfaatkan pula untuk sarana perdagangan secara elektronik atau dikenal sebagai E-Commerce.

E-Commerce adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi , www, atau jaringan komputer lainnya. E-dagang dapatmelibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis. E-dagang atau E-Commerce merupakan bagian dariE-Business, dimana cakupan E-Business lebih luas, tidak hanya sekedar perniagaan tetapi mencakup juga pengkolaborasian mitra bisnis, pelayanan nasabah,lowongan pekerjaan dll. Selain teknologi jaringan www, e-dagang juga memerlukanteknologi basisdata atau pangkalan data (databases), e-surat atau surat elektronik (e-mail), dan bentuk teknologi non komputer yang lain seperti halnya sistem pengiriman barang, dan alat pembayaranuntuk e-dagang ini.

  

  E-Commerce

E-Commerce dalam Komunikasi BisnisSecara umum, e-commerce dapat didefinisikan sebagai segala bentuk transaksi perdagangan atau perniagaanbarang dan jasa dengan menggunakan media elektronik. Di dalam e-commerce, para pihak yang melakukan kegiatan perdagangan / perniagaan hanya berhubungan melalui suatu jaringan publik (public network) yang dalam perkembangan terakhir menggunakan media internet. Sistem E-commerce dapat diklasifikasikan kedalam tiga tipe aplikasi, yaitu :

a. Electronic Markets (EMs) , yaitu sebuah sarana yang menggunakan teknologi informasi dan komunikasi untukmelakukan atau menyajikan penawaran dalam sebuah segmen pasar, sehingga pembeli dapat membandingkan berbagai macam harga yang ditawarkan. Dalampengertian lain, EMs adalah sebuah sistem informasi antar organisasi yang menyediakan fasilitas-fasilitas bagi para penjual dan pembeli untuk bertukar informasi tentang harga dan produk yang ditawarkan.

b. Elektronic Data Interchange (EDI) , adalah sarana untuk mengefisienkan pertukaran data transaksi-transaksiregular yang berulang dalam jumlah besar antara organisasi-organisasi komersial. Secara formal, EDI didefinisikan oleh International Data Exchabge Association (IDEA) sebagai “transfer data terstrukturdengan format standard yang telah disepakati, yang dilakukan dari satu sistem komputer ke sistem komputer lain dengan menggunakan media elektronik”. EDI sangat luas penggunaaanya, biasanya digunakan oleh kelompok retail besar, ketika melakukan transaksi bisnis denganpara supplier mereka. EDI memiliki standarisasi pengkodean transaksi perdagangan, sehingga organisasikomersial tersebut dapat berkomunikasi secara langsung dari satu sistem komputer ke sistem komputer yang lain,tanpa memerlukan hardcopy atau faktur, sehingga terhindar dari penundaan, kesalahan yang tidak disengaja dalam penanganan berkas dan intervensi darimanusia.

c. Internet Commerce , adalah penggunaan internet yang berbasis teknologi informasi dan komunikasi untukaktivitas perdagangan. Kegiatan komersial ini, seperti iklan dalam penjualan produk dan jasa. Transaksi yang dapat dilakukan di internet, antara lain pemesanan/pembelian barang dimana barang akan dikirimkan melalui pos atau sarana lain setelah uang ditransfer ke rekening penjual.

Bisnis dan Komunikasi

Ditinjau dari aspek bisnis, organisasi adalah sarana manajemen (dilihat dari aspek kegiatannya). Korelasi antara Ilmu Komunikasi dengan Organisasi terletak pada peninjauannya yang berfokus kepada manusia-manusia yang terlibat dalam mencapai tujuan. Dalam lingkup organisasi, tujuan utama komunikasiadalah memperbaiki organisasi, yang ditafsirkan sebagai upaya yang dilakukan untuk mencapai tujuan-tujuanmanajemen. Komunikasi organisasi terjadi setiap saat. Dan dapat didefinisikan sebagai pertunjukan dan penafsiran pesan di antara unit-unit komunikasi yangmerupakan bagian dari suatu organisasi. Suatu organisasi terdiri dari unit-unit komunikasi dalam hubungan hierarchies antara satu dengan lainnya dan berfungsi dalam suatu lingkungan.

KOMUNIKASI YANG EFEKTIF DALAM ORGANISASI BISNIS

Komunikasi Bisnis yang efektif diperlukan oleh semua organisasi bisnis dalam upaya mencapai tujuannya. Organisasi bisnis yang produktif ditunjang oleh penguasaan komunikasi bisnis para anggotaorganisasinya, baik penguasaan komunikasi verbal (lisan dan tulisan), maupun komunikasi non-verbal. Fakta empiris dalam dunia organisasi menunjukkan bahwa sebagain besar anggota organisasi melakukanpekerjaannya dengan melakukan komunikasi. Dalam kehidupan organisasi bisnis, keberadaan tim kerja semakin populer. Banyak perusahaan dari berbagaiindustri menerapkan konsep tim kerja dalam melakukan aktifitasnya. Pemakaian tim kerja diyakini banyak pimpinan perusahaan akan lebih efektif, dibandingkan penyelesaian aktifitas secara individual. Pemakaian tim kerja diharapkan dapat menciptakan sinergi yang positif. Penjumlahan aggota dalam tim akan memungkinkan menghasilkan output yang lebih besar dibandingkanoutput total yang dikerjakan oleh masing-masing individu. Tidak peduli seberapa berbakatnya seseorang, betapapun unggulnya sebuah tim atau seberapapunkuatnya kasus hukum, keberhasilan tidak akan diperoleh tanpa penguasaan keterampilan komunikasi yang efektif.Keterampilan melakukan komunikasi yang efektif akan berperan besar dalam mendukung pencapaian tujuan dari seluruh aktivitas. Untuk dapat melakukankomunikasi yang efektif, maka kemampuan untuk mengirimkan pesan atau informasi yang baik, kemampuan untuk menjadi pendengar yang baik, sertaketerampilan menggunakan berbagai media atau alat audio visual merupakan bagian yang sangat penting.

Penerapan Teknologi dalam Dunia Pendidikan

Perkembangan Teknologi Informasi dalam dunia pendidikan mendapat dampak yang positif. Dengan berkembangnya Teknologi Informasi, dunia pendidikan mulai memperlihatkan perubahan yang cukup signifikan. Ada perubahan-perubahan cara mengajar yang berkembang dalam dunia pendidikan. Sekarang ini, jarak dan waktu bukanlah sebagai masalah yang berarti untuk transfer ilmu pengetahuan. Banyak software dan aplikasi yang dibuat untuk memfasilitasi dalam transfer pengetahuan ini.

Salah satu media yang sangat berperan untuk menyebarkan informasi pendidikan terbaru dalam dunia pendidikan adalah internet. Hal ini akan membuat setiap pengajar dapat mengikuti perkembangan atau informasi terbaru di dunia pendidikan yang mereka tekuni. Selain informasi terbaru, keberadaan internet juga memberikan dampak kemajuan di dunia pendidikan. Kemajuan yang dimaksud dalam hal ini adalah sebuah perubahan dari situasi awal menuju situasi baru yang lebih baik dari sebelumnya.

Seorang yang berkecimpung di dunia pendidikan seharusnya melakukan inovasi dan pembaruan. Inovasi diperlukan bukan hanya untuk kepentingan siswa, sehingga para siswa merasa senang dengan pelajaran yang mereka ikuti, namun juga untuk para pengajar, sehingga para pengajar bisa menambah pengetahuan untuk lebih mematangkan pengalaman, juga meringankan kejenuhan dalam pengajaran.

Penggunaan internet untuk dunia pendidikan memunyai dampak yang positif dan negatif. Dampak positifnya, yaitu:
 

1. Informasi yang dibutuhkan semakin cepat dan mudah diakses untuk kepentingan pendidikan.
 

2. Inovasi dalam pembelajaran semakin berkembang dengan adanya inovasi e-book atau e-learning yang semakin memudahkan proses pendidikan.
 

3. Kemajuan Teknologi dan Informasi juga memungkinkan berkembangnya kelas virtual atau kelas yang berbasis teleconference, yang tidak mengharuskan pendidik dan peserta didik berada dalam satu ruangan.
 

4. Sistem administrasi lebih mudah dan lancar karena penerapan Sistem Teknologi Informasi. 

  Selain memunyai dampak positif, Teknologi Informasi juga memiliki dampak negatif di antaranya:

1. Mempermudah terjadinya pelanggaran terhadap Hak Atas Kekayaan Intelektual (HAKI) karena semakin mudahnya orang dalam mengakses data, sehingga menyebabkan orang yang bersifat plagiatis akan melakukan kecurangan.
 

2. Walaupun sistem administrasi suatu lembaga pendidikan bagaikan sebuah sistem tanpa celah, akan tetapi jika terjadi suatu kecerobohan dalam menjalankan sistem tersebut akan berakibat fatal.
 

3. Mengakibatkan orang untuk berpikir pendek dan bertahan konsentrasi dalam waktu yang singkat, karena tergantung pada alat yang digunakan.

Dengan adanya teknologi informasi dan komunikasi, dapat memudahkan kita untuk belajar dan mendapatkan informasi yang kita butuhkan dari mana saja, kapan saja, dan dari siapa saja. Dalam dunia pendidikan, perkembangan teknologi informasi memunyai dampak yang positif, karena dengan berkembangnya teknologi informasi, dunia pendidikan mulai memperlihatkan perubahan yang cukup signifikan. Meskipun demikian, kita juga harus tetap memikirkan dampak negatif dari perkembangan Teknologi Informasi tersebut.

HTML

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas

HTML (HyperText Markup Language)

Ekstensi berkas	.html, .htm
Jenis MIME	text/html
Type code	TEXT
Uniform Type Identifier	public.html
Dikembangkan oleh	World Wide Web Consortium
Jenis format	Markup language
Pengembangan dari	Standard Generalized Markup Language
Dikembangkan menjadi	XHTML
Standar	W3C HTML 4.01 W3C HTML 3.2 W3C HTML 5 (draft)

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. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).^[1]

Daftar isi

• 1 Sejarah
  • 1.1 Sejarah versi HTML
• 2 Kegunaan
  • 2.1 Kegunaan lain
  • 2.2 Menyunting format tulisan
• 3 Markah/Tanda
  • 3.1 Contoh dokumen HTML sederhana
  • 3.2 Head
  • 3.3 Body
  • 3.4 Tag
  • 3.5 Atribut
• 4 Referensi
• 5 Pranala luar

Sejarah

Pada tahun 1980 seorang ahli fisika, Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem markah berbasis internet.^[2] Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir 1990. Pada tahun yang sama, Berners-Lee dan Robert Cailliau, insinyur sistem data CERN berkolaborasi dalam sebuah permintaan untuk pendanaan, namun tidak diterima secara resmi oleh CERN. Di catatan pribadinya^[3] sejak 1990 dia mendaftar^[4] "beberapa dari banyak daerah yang menggunakan hypertext" dan pertama-tama menempatkan sebuah ensiklopedia.
Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah dokumen yang disebut "Tanda HTML", pertama kali disebutkan di Internet oleh Tim Berners-Lee pada akhir 1991.^[5][6] Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML. Kecuali untuk tag hyperlink, yang sangat dipengaruhi oleh SGMLguid, in-house Standard Generalized Markup Language (SGML) berbasis format dokumen di CERN. Sebelas elemen ini masih ada di HTML 4.^[7]
HTML adalah bahasa markah yang digunakan peramban untuk menafsirkan dan menulis teks, gambar dan bahan lainnya ke dalam halaman web secara visual maupun suara. Karakteristik dasar untuk setiap item dari markah HTML didefinisikan di dalam peramban, dan karakteristik ini dapat diubah atau ditingkatkan dengan menggunakan tambahan halaman web desainer CSS. Banyak elemen teks ditemukan di laporan teknis ISO pada tahun 1988 TR 9537 Teknik untuk menggunakan SGML, yang pada gilirannya meliputi fitur bahasa format teks awal seperti yang digunakan oleh komandan RUNOFF dikembangkan pada awal 1960-an untuk sistem operasi: perintah-perintah format ini berasal dari perintah yang digunakan oleh pengetik untuk memformat dokumen CTSS secara manual. Namun, konsep SGML dari markah umum didasarkan pada unsur-unsur daripada hanya efek cetak, dengan pemisahan struktur dan markah juga; HTML telah semakin bergerak ke arah ini dengan CSS.

Sejarah versi HTML

24 November 1995

HTML 2.0 dipublikasikan sebagai IETF RFC 1866. Penambahan RFC memperbanyak kemampuan untuk:

• November 25, 1995: RFC 1867 (mengunggah file berdasarkan bentuk)
• May 1996: RFC 1942 (tabel)
• August 1996: RFC 1980 (peta gambar berbasis klien)
• January 1997: RFC 2070 (internasionalisasi)

14 Januari 1997

HTML 3.2^[8] dipublikasikan sebagai Konsorsium World Wide Web. Versi ini merupakan versi pertama yang dikembangkan dan distandarisasi secara khusus oleh Konsorsium World Wide Web, sebagaimana IETF sudah menutup kelompok kerja HTMLnya pada 12 September, 1996.^[9]

Pada awalnya disebut "Wilbur",^[10] HTML 3.2 menghilangkan rumus matematika sama sekali yang sedang berkonsiliasi atas kasus tumpang tindih antara berbagai kepemilikan dan mengadopsi sebagian besar tanda markah visual dari Netscape. Elemen kedip dari Netscape dan elemen marquee besutan Microsoft dihilangkan karena kesepakatan bersama antara kedua perusahaan.^[11] Sebuah markup untuk rumus matematika serupa dengan yang ada dalam HTML tidak memiliki standar sampai 14 bulan kemudian di MathML.

18 December 1997

HTML 4.0^[12] was published as a W3C Recommendation . It offers three variations:

• Strict, in which deprecated elements are forbidden,
• Transitional, in which deprecated elements are allowed,
• Frameset, in which mostly only frame related elements are allowed.

Initially code-named "Cougar",^[10] HTML 4.0 mengadopsi banyak tipe elemen dan atribut yang spesifik untuk peramban.HTML 4 adalah sebuah aplikasi SGML sesuai dengan ISO 8879 – SGML.^[13]

• HTML 2.0—(RFC 1866) disetujui sebagai standar 22 September 1995,
• HTML 3.2—14 Januari 1996,
• HTML 4.0—18 Desember 1997,
• HTML 4.01 (minor fixes)—24 Desember 1999,
• ISO/IEC 15445:2000 ("ISO HTML", berdasar pada HTML 4.01 Strict)—15 Mei 2000.
• HTML 5 (stabil) rekomendasi W3C—28 Oktober 2014.

Kegunaan

Dokumen HTML mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b> TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.^[14]

Kegunaan lain

• Mengintegerasikan gambar dengan tulisan.
• Membuat Pranala.
• Mengintegerasikan berkas suara dan rekaman gambar hidup.
• Membuat form interaktif.^[15]

Menyunting format tulisan

HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah:

• Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
• Menampilkan tulisan dalam bentuk cetakan tebal
• Menampilkan sekelompok kata dalam bentuk miring
• Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
• Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.

Markah/Tanda

Secara garis besar, terdapat 4 jenis elemen dari HTML:

• Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
• Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
• Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
• Elemen widget yang membuat objek-objek lain seperti tombol (<button>), daftar (<li>), dan garis horizontal (<hr>). Konsep hiperteks pada HTML memungkinkan pembuatan tautan pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,

Ada tiga macam pranala (link) yang dapat digunakan:

• Pranala menuju bagian lain dari page.
• Pranala menuju page lain dalam satu web site.
• Pranala menuju resource atau web site yang berbeda.^[16]

Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.

Contoh dokumen HTML sederhana

Untuk HTML 4 Strict ^[17]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head bgcolor=black text=white>
  <title>Selamat Datang HTML</title>
 </head>
 <body>
  <p>Halo dunia!</p>
 </body>
</html>

Untuk HTML 5 ^[18]

<!DOCTYPE HTML>
<html>
 <head style="background-color: black; color: white;">
  <title>Selamat Datang HTML</title>
 </head>
 <body>
  <p>Halo dunia!</p>
 </body>
</html>

       <head style="background-color: black; color: white;">
                <title>Selamat Datang HTML</title>\>
       </head>
       <body>

Halo dunia!

        </body>

</html> </source

Head

Dokumen HTML diapit oleh tag <HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya dapat digunakan untuk menentukan informasi tertentu mengenai dokumen HTML. Anda bisa menentukan author name, keywords, dan lainnya pada tag META.
Contoh:

<meta name="author" content="ubuntu-online">

Body

Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML di mana anda meletakan informasi yang akan ditampilkan pada browser.

Tag

HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>).
Tag biasanya merupakan suatu pasangan yang disebut dengan:

• Tag awal, dinyatakan dalam bentuk <nama tag>
• Tag akhir, dinyatakan dalam bentuk </nama tag>

Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i>

Atribut

Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <P STYLE="text-align:left"> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah STYLE dengan nilai "text-align:left". Nilai atribut STYLE ditulis dalam bahasa CSS.

Referensi

1. ^ Wendy willard (2006). HTML. ISBN 9790072263787.
2. ^ Tim Berners-Lee, "Information Management: A Proposal." CERN (March 1989, May 1990). W3.org
3. ^ Tim Berners-Lee, "Design Issues"
4. ^ Tim Berners-Lee, "Design Issues"
5. ^ Kesalahan pengutipan: Tag <ref> tidak sah; tidak ditemukan teks untuk ref bernama tagshtml
6. ^ "First mention of HTML Tags on the www-talk mailing list". World Wide Web Consortium. October 29, 1991. Diakses tanggal April 8, 2007.
7. ^ "Index of elements in HTML 4". World Wide Web Consortium. December 24, 1999. Diakses tanggal April 8, 2007.
8. ^ "HTML 3.2 Reference Specification". World Wide Web Consortium. January 14, 1997. Diakses tanggal November 16, 2008.
9. ^ "IETF HTML WG". Diakses tanggal June 16, 2007. Catatan: Kelompok kerja ini ditutup
10. ^ ^{a b} Arnoud Engelfriet. "Introduction to Wilbur". Web Design Group. Diakses tanggal June 16, 2007.
11. ^ Kesalahan pengutipan: Tag <ref> tidak sah; tidak ditemukan teks untuk ref bernama raggett
12. ^ "HTML 4.0 Specification". World Wide Web Consortium. December 18, 1997. Diakses tanggal November 16, 2008.
13. ^ "HTML 4 – 4 Conformance: requirements and recommendations". Diakses tanggal December 30, 2009.
14. ^ Andi (2001). Desain Web dengan Microsoft FrontPage 97. Wahana Komputer & Andi Yogyakarta. ISBN 9795335219.
15. ^ David Willard (2005). Crash Course. ISBN 0071422420.
16. ^ Shelly woods (2001). Introductory Concepts and Techniques. Gex publising service. ISBN 978142927206.
17. ^ Steven E. Callihan (2006). HTML 4 in a Weekend. USA. ISBN 1592000592.
18. ^ "A vocabulary and associated APIs for HTML and XHTML: 4 The elements of HTML — HTML5" (HTML) (dalam Bahasa Inggris). W3C. 28 Oktober 2014. Diakses tanggal 22 April 2015.

Pranala luar

• HTML
• ASCII - ISO 8859-1 Table with HTML Entity Names
• W3C's HTML Validator
• HTML/XHTML Validator Project on SourceForge
• HTML+ Discussion Document (obsolete)
• NCSA's Beginner's Guide to HTML
• The "Head" Part of an HTML Document
• How to use the title property of HTML, by JnanaBase
• com/ HTML5 Showcase

l b s Standard dari W3C (Konsorsium Waring Wera Wanua) Produk dan standar Rekomendasi CGI · Canonical XML · CDF · CSS · DOM · Geolocation API · HTML · MathML · OWL · P3P · PLS · RDF · RDF Schema · SISR · SKOS · SMIL · SOAP · SRGS · SSML · SVG · SPARQL · Timed Text · VoiceXML · WSDL · XForms · XHTML · XHTML+RDFa · XInclude · XLink · XML · XML Base · XML Encryption · XML Events · XML Information Set · XML namespace · XML Schema · XML Signature · XPath 1.0, 2.0 · XPointer · XProc · XQuery · XSL · XSL-FO · XSLT (elements) Catatan XAdES · XHTML+SMIL Daftar pengerjaan CCXML · CSS 3 · CURIE · HTML5 · InkML · RIF · SCXML · sXBL · WICD · XFDL · XFrames · XBL · XHTML+MathML+SVG · XMLHttpRequest Petunjuk Web Content Accessibility Guidelines Inisiatif Multimodal Interaction Activity · Markup Validation Service · Web Accessibility Initiative Ditinggalkan C-HTML · HDML · JSSS · PGML · VML Organisasi World Wide Web Foundation · SVG Working Group · WebOnt · W3C Device Description Working Group · WHATWG Perangkat lunak Agora · Argo · Arena · Amaya · CERN httpd · Libwww · Line Mode Browser Konferensi terkait IW3C2 · World Wide Web Conference · WWW1

l b s Bahasa pemrograman Daftar bahasa pemrograman Aro • ALGOL • APL • Ada • BASIC • C • C++ • C# • CSS • COBOL • Common Lisp • Eiffel • FORTH • Fortran • Haskell • HTML • Java • JavaScript • Jython • LISP • LOGO • Lua • Mesa • Modula-2 • Oberon • Ocaml • Objective-C • Perl • PHP • Prolog • PL/I • Pascal • PostScript • Python • Ruby • Scheme • Smalltalk • SQL • Tcl • Visual Basic

Kategori:

• Standar W3C
• Bahasa pemrograman
• HTML
• Bahasa markah 

 https://id.wikipedia.org/wiki/HTML