Belajar HTML

Pengertian HTML

HTML atau yang merupakan singkatan dari Hypertext Mark Up Language adalah bahasa standar pemrograman untuk membuat suatu website yang bisa diakses dengan internet. Dengan kata lain halaman website yang kita lihat dan kita baca disusun dengan menggunakan bahasa ini dan kemudian diterjemahkan oleh komputer agar dapat dipahami oleh penggunanya. Html merupakan standar pembuatan website secara luas agar laman website dapat ditampilkan pada layar komputer.
Html disusun dengan kode dan simbol tertentu yang dimasukkan ke dalam sebuah file atau dokumen. Jadi setiap Anda membuka website apapun dengan menggunakan browser maka web tersebut dibuat dengan menggunakan html.

Dari singkatan hypertext markup language itu sendiri kita bisa mengetahui makna dari html. Hypertext adalah suatu metode yang digunakan untuk berpindah laman web ke laman yang lain dengan mengklik suatu tulisan atau simbol pada laman website.
Istilah markup pada html sendiri diartikan sebagai suatu hal yang dilakukan tag html terhadap teks yang berada didalamnya, misal jika mengetik suatu teks dengan tanda tag <b> maka teks tersebut akan muncul sebagai teks dengan huruf tebal atau bold pada suatu laman website.
Simbol atau tag html tersebut ditulis pada laman html yang sudah disediakan pada dashboard website pada umumnya. Sementara language dalam html adalah bahasa pemrograman atau script yang disusun dari tag-tag tertentu yang nantinya akan diterjemahkan kedalam teks atau visual yang dapat dilihat pada website.

Sejarah HTML

Markup language atau yang kini dikenal sebagai html awalnya diciptakan oleh suatu perusahaan penjual perangkat keras dan lunak yakni IBM atau International Bussiness Machines. Sekitar tahun 1980, IBM menciptakan sebuah bahasa yang menggabungkan tag atau simbol dengan teks dalam sebuah dokumen.
Bahasa yang diciptakan oleh IBM tersebut dikenal dengan sebutan markup language atau Generalized markup language (GML). Selanjutnya ditahun 1986, ISO atau International Standart Organization mengeluarkan pernyataan bahwa GML yang kemudian diubah istilahnya menjadi SGML (Standart Generalized Markup Language) ditetapkan sebagai standar dalam membuat berbagai dokumen yang bisa membantu dalam bisnis maupun pekerjaan lainnya.

Sosok Tim Banners Lee

Di tahun 1989, Tim Berners Lee dari organisasi European Organization for Nuclear Research (CERN) mencetuskan ide untuk mencptakan suatu skrip bahasa pemrograman pada suatu dokumen yang kemudian dikenal sebagai html. Html sendiri adalah bagian dari sgml dan Tim Berners Lee diketaui sebagai orang yang menciptakan html. Saat ini penggunaan dan pengembangan html diatur oleh World Wide Web Consortium (W3C) dan versi terakhir dari html yang sekarang digunakan adalah html5 dimana jenis html ini memiliki fitur yang lebih baik dari versi html sebelumnya.

Fungsi HTML

Html yang dikenal sebagai bahasa pemrograman dalam ilmu komputer memiliki beberapa fungsi, diantaranya adalah sebagai berikut:
1. Fungsi utama html yang diketahui adalah untuk membuat suatu halaman website yang bisa dibaca dan dipahami oleh pengguna dengan lebih mudah. Seluruh laman website yang ada dalam internet dibuat dengan html dan tidak ada pengecualian.
2. Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai teks menjadi tebal, miring, bergaris tebal dan lain sebagainya. Misal jika kita membuat suatu teks menjadi teks miring atau italic, dalam laman html dituliskan kode <i>, <b> untuk teks tebal dan <u> untuk teks bergaris bawah.
3. Sebagai dasar website, website yang dibuat tentunya memiliki beberapa fitur yang dibuat dengan menggunakan java script (untuk mengatur perilaku web), implemetasi bahasa pemrograman server PHP, dan mendesain web menggunakan CSS. Semua bahasa tersebut dapat diaplikasikan jika web memiliki bahasa html sebagai dasarnya.
3. Menampilkan tabel, gambar, video, dan lainnya. Biasanya dalam website atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video oleh sebab itu komponen tersebut diletakkan pada web dengan menggunakan bahasa html.
4. Menandai elemen dan membuat online form, html juga berfungsi untuk menandai bagian-bagian dalam website diantaranya header, main, footer, navigation dan lain sebagainya. Selain itu html juga biasanya digunakan sebagai bahasa dalam membuat suatu online form atau formulir digital.

Belajar html tentunya tidah sulit, karena banyak program yang dapat menghasilkan dokumen dalam format html. Misal saja menggunakan notepad aplikasi bawaan windows.
Disini saya akan membagi contoh sederhana script html:
<html>
<head>
<title> Latihan HTML </title>
<head>
<body>
<body bgcolor=#00FFFF>
<h1> Belajar Website </h1>
<hr width=100% align=center size=5% color=”blue”>
<h2><b>HURUF TEBAL</b></h2>
<p><i>Huruf Miring</i><br><u>Garis Bawah</u> </p>
<h3>Daftar:</h3>
<p>1. No Satu<br>2. No Dua<br>3. No Tiga</p>
<p>Contoh Script HTML yang sederhana semoga dapat membantu anda</p>
</body>
</html>
Hasilnya:

Dilihat dari contoh script dan hasilnya mungkin anda sudah tau kegunaan tag-tag dasar tersebut. Saya akan memberi sedikit Keterangannya:
HTML
HTML merupakan tag dasar yan mendefiniskan bahwa dokumen ini adalah HTML. Tag ini merupakan satu keharusan bagi pemrogaman web untuk menuliskannya sebagai tag pertama dalam dokumen HTML.
<html> diawal dokumen dan  </html> di akhir dokumen
Head
Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan
<head> di awal setelah <html>, dan </head> di akhir section head
Title
Merupakan tag di dalam head yang harus dituliskan untuk memberikan judul/informasi pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan dalam browser.
<title>judul dokumen</title>
Body
Merupakan section utama dalam dokumen web. Pada section ini semua isi dokumen yang akan ditampilkan di dalam browser harus dituliskan.
<body> di awal, segera setelah tag </head>
</body> di akhir, diletakkan sebelum tag </html>
Paragraf
Setiap paragraf harus dimulai dengan memberi tag <p>. Diakhir paragraf tidak diharuskan menuliskan </p> sebagai akhir paragraf. Setiap pergantian paragraf harus dimulai dengan  <p> kembali.
Line Break
Untuk menampilkan suatu teks ditampilkan pada baris yang baru atau berganti baris dalam suatu paragraf, maka harus digunkan tag <br> sebelum teks yang dimaksud dituliskan
Heading
Pada dokumen HTML yang disebut heading dimanfaatkan untuk pemberian judul pada dokumen HTML dan juga untuk menunjukkan keberartian dari teks yang dituliskan. Ada 6 tingkat heading dalam HTML, dari nomor satu sampai nomor enam. Nomor 1 merupakan heading terbesar. Setiap heading dalam dokumen harus diberi tag, tergantung pada kebutuhan teks tersebut, jika dianggap heading1 digunakan tag <h1>
Penggaris Mendatar
Sebuah garis dapat disisipkan dalam dokumen web, umumnya digunakan sebagai pemisah antar bagian atau
paragraf
Tag <hr> disisipkan pada tempat garis akan disisipkan dokumen
<b> </b> untuk teks tebal (bold)
<i> </i> untuk teks miring (italic)

Pengertian HTML, Fungsi HTML serta Sejarah HTML Pengertian HTML, Fungsi HTML serta Sejarah HTML. Apa itu HTML ? HTML adalah kepanjangan atau singkatan dari Hyper Text Markup Language. Setiap kita menjelajah di internet, membuka website apapun, kita pasti akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada diinternet, dibuat dengan menggunakan bahasa markup HTML. Di Artikel kali ini kita akan mengetahui tentang apa yang dimaksud html, fungsi html, sejarah html, cara membuatnya serta mengenal bahasa HTML terbaru yaitu HTML5. Akan saya mulai dengan pengertian html terlebih dahulu. Pengertian HTML pengertian html fungsi html sejarah html HTML adalah bahasa markup internet (web) berupa kode dan simbol yang dimasukkan kedalam sebuah file yang ditujukan untuk ditampilkan didalam sebuah website. Singkatnya, HTML adalah bahasa markup yang digunakan untuk membuat website. Website yang dibuat dengan HTML ini, dapat dilihat oleh semua orang yang terkoneksi dengan internet. Tentunya dengan menggunakan aplikasi penjelajah internet (browser) seperti Internet Explorer, Mozilla Firefox dan Google Chrome. Seperti yang sudah saya jelaskan sebelumnya, HTML adalah singkatan dari Hyper Text Markup Language. Tapi mengetahui singkatannya saja tidak akan cukup. Karena itu saya akan menyajikan arti dari kata kata tersebut. HyperText adalah metode dimana kita "berpindah" disekeliling web, dengan mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah teks khusus di internet, dimana saat teks tersebut diklik, akan membawa kita ke halaman web selanjutnya/halaman web lain yang telah ditentukan. Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html , maka teks tersebut akan berubah menjadi italic (huruf yang miring). Sedangkan jika kita menandainya dengan , maka teks tersebut akan berubah menajadi bold (huruf tebal). Language yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata kata berupa kode dan syntax seperti bahasa yang lain. Saat ini bahasa HTML masih terus dikembangkan Hal ini dikarenakan pengguna internet semakin hari semakin berkembang pesat. Oleh karena itu bahasa HTML harus ditingkatkan lagi agar bisa menciptakan halaman web yang lebih berkualitas. Untuk itulah dibentuk sebuah organisasi yang bertanggungjawab mengembangkan bahasa HTML. Organisasi ini bernama W3C. Fungsi dan Kegunaan HTML Sebagai bahasa markup internet, HTML memiliki banyak fungsi dan kegunaan. Beberapa manfaat dari HTML diantaranya Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat halaman web. Semua halaman web pasti dibuat dengan menggunakan HTML. Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak memiliki pondasi maka akan cepat roboh. Begitu juga dengan website. Jika tidak memiliki HTML sebagai pondasi, kita tidak dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain website), Javascript (bahasa untuk menambah prilaku website), dan PHP (bahasa pemrograman server website). Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai sebuah teks menjadi bergaris bawah dengan menggunakan tag html Untuk menandai elemen/bagian pada halaman web. Sebuah website memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita dapat menandai setiap bagiannya dengan HTML. Untuk menampilkan informasi dalam bentuk tabel Untuk menambahkan objek seperti audio, video, gambar, dll dalam halaman web Untuk membuat online form Struktur Dasar HTML #1 Element Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan penutup. Contohnya untuk menampilkan judul dari sebuah halaman, kita membuat kode html seperti ini Yang berwarna biru, itu adalah pembuka. Yang warna hijau adalah isi. Sedangkan yang warna merah adalah penutup. Isi adalah optional, dalam artian tidak masalah jika kita tidak memberikan isi. Beda dengan pembuka dan penutup, keduanya harus ada dalam sebuah kode html. Jika tidak maka akan terjadi error, dan kode tidak akan berfungsi. Ada juga pembuka dan penutup yang berbeda dengan contoh diatas. Contohnya seperi ini Pada tag input kita tidak perlu menutupnya dengan ,cukup dengan /> . Bahkan dengan menuliskan > saja juga bisa. #2 Tag Tag adalah teks khusus berupa dua karakter < dan >. Contohnya tag dengan nama head, dengan nama body, dan sebagainya. Tag ini sudah diatur dari sananya, jadi kita tidak boleh membuatnya sendiri. Misal jika kita menulis , jelas tidak akan berfungsi. Untuk lebih memperjelas, berikut ini struktur dasar kode html Hai teman teman, ini website pribadi saya lho.. Penjelasan untuk menandai awal dan akhir dari file HTML berisikan keterangan informasi seperti title dan jenis dokumen sebagai judul halaman web bagian ini adalah konten utama web seperti header, navigasi, artikel , sidebar dan footer Anda dapat menuliskan kode html di aplikasi bawaan Windows, Notepad. Bisa juga mendownload aplikasi khusu untuk menulis kode yaitu Notepad++. #3 Atribut Atribut terdapat didalam script sebuah elemen, fungsinya untuk memberi informasi tambahan tentang elemen. Nilai dari atribut harus ditutup dengan tanda kutip. Kode diatas akan membuat sebuah kotak isian yang dikhususkan untuk menulis password. Dalam artian, jika kita menulis di isian tersebut, tulisan kita akan berubah menjadi bintang bintang seperi ini ******.

Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.

Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.

Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.

Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.