Coding

Hai nama saya Ibrahim Al Anshor

2018-11-07T21:53:00.001-08:00

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hai nama saya Ibrahim Al Anshor

2018-11-07T21:52:00.005-08:00

Hai nama saya Ibrahim Al Anshor

2018-11-07T21:52:00.003-08:00

Hai nama saya Ibrahim Al Anshor

2018-11-07T21:52:00.001-08:00

Belajar HTML Link

2018-10-16T15:03:00.000-07:00

Belajar HTML Link - Lanjut ke tutorial HTML selanjutnya, yaitu mengenai Link. Dalam pemrograman web, link merupakan hal wajib dan hampir ada di setiap halaman html. Maka dari itu, penting untuk mempelajari Link.
Link berfungsi untuk menghubungkan atau membuka halaman lain, setelah user menekanya. Dalam HTML link dideklarasikan dengan <b>. Contoh.

Link Syntax

href berfungsi sebagai destinasi atau tujuan link, diisi dengan url link, seperti http://google.com, www.youtubr.com, atau codingding.blogspot.com.
Link TextBerfungsi sebagai tulisan dari link tersebut.

Nah, kali ini kita akan belajar lebih lanjut mengenai link, langsung saja berikut Belajar HTML Link.

Local Link

Local link adalah link yang bertujuan di web itu sendiri. Penulisanya tidak memerlukan http atau www. Contoh.

Local Link

<a href="oops.html">Ooops</a>

Hasil.

Local Link

Ooops

Target Attribute

Attribute target berfungsi untuk menentukan dimana atau kemana halaman setelah link diklik. Secara default link akan dibuka di tab yang sama, namun kita dapat membuatnya ke tab baru, aplikasi baru, dll.
Ada lima target attribute yang dapat kalian coba, berikut tabelnya.

Target	Penjelasan
_blank	Link yang diklik akan dibuka di tab baru.
_self	Link yang diklik akan dibuka dikotak yang sama. (Default)
_parent	Link yang diklik akan dibuka di parent kotak.
_top	Link yang diklik akan dibuka dalam halaman full jendela.
framename	Link yang diklik akan dibuka dalam kotak yang ditentukan.

Contoh.

Target Attribute

<a href="oops.html" target="_blank">Ooops</a>

Hasil.

Target Attribute

Ooops

Rel Attribute

Rel berfungsi untuk menentukan hubungan antara link dengan dokumen yang dituju. Contoh.

Rel Attribute

<a href="oops.html" rel="nofollow">Ooops</a>

Hasil.

Local Link

Ooops

Pada contoh diatas rel="nofollow" mengintrusikan search engine untuk tidak ikut ke link yang dituju.

Menggunakan Gambar Sebagai Link

Kita dapat membuat gambar menjadi link, artinya ketika kita mengklik gambar tersebut maka link akan terbuka. Contoh.

Link Gambar

Hasil.

Link Gambar

Itulah beberapa penjelasan mengenai Link dalam HTML.
Sekian postingan saya yang berjudul Belajar HTML Link.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Colors

Belajar HTML Colors

2018-10-14T13:56:00.000-07:00

Belajar HTML Colors - Warna dapat memperindah tampilan web HTML. Adanya warna dapat membuat pengunjung lebih nyaman dan tampilan menjadi segar.
Dalam HTML, warna dapat dideklarasikan lewat beberapa cara, namun kali ini saya hanya akan menampilkan 3 cara yang cocok bagi pemula, yaitu Color Names, RGB, dan Hexadesimal.
Langsung saja, berikut penjelasanya.

Color Names

Cara ini merupakan cara paling mudah yaitu dengan menyebutkan nama dari warna tersebut. Dalam HTML terdapat 140 nama warna yabg dapat kalian coba.
Cara penulisanya tinggal menuliskan namanya, boleh huruf kapital, ataupun kecil semua. Contoh.

Color Names

<div style="background: red;">Merah</div>
<div style="background: yellow;">Kuning</div>
<div style="background: green;">Hijau</div>
<div style="background: blue;">Biru</div>
<div style="background: grey;">Abu-Abu</div>
<div style="background: magenta;">Magebta</div>

Hasil.

Color Names

Red

Yellow

Green

Blue

Grey

Magenta

RGB

RGB merupakan singkatan dari Red, Green, Blue. Di HTML warna RGB ditulis dengan syntax rgb(red,green,blue).
Setiap parameternya diisi dengan angka, dari angka 0 hingga 255. Contohnya warna merah ditulis dengan rgb(255,0,0). Contoh.

RGB

<div style="background: rgb(255,0,0);">Merah</div>
<div style="background: rgb(255,255,0);">Kuning</div>
<div style="background: rgb(0,255,0);">Hijau</div>
<div style="background: rgb(0,0,255);">Biru</div>

Hasil.

RGB

Red

Yellow

Green

Blue

Hexadecimal

Selain RGB, anda juga dapat menggunakan cara Hexadesimal. Metode ini paling populer dan banyak digunakan. Hexadecimal dtulis dengan syntax #RRGGBB.

RR untuk warna merah.
GG untuk warna hihau.
BB untuk warna biru.

Isi dari kode heximal berisi angka maupun huruf pada hexadeisimal, contoh #FF0000.
Contoh.

Hexadecimal

<div style="background: #FF0000;">Merah</div>
<div style="background: #00FF00;">Hijau</div>
<div style="background: #0000FF;">Biru</div>

Hasil.

Hexadecimal

Red

Green

Sekian postingan saya yang berjudul Belajar HTML Colors.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Comments.

Belajar HTML Comments

2018-10-13T14:13:00.001-07:00

Belajar HTML Comments - Pada postingan ini saya akan membagikan ilmu HTML mengenai komentar. Komentar memiliki fungsi dan harus kalian pelajari dari HTML.
Saya akan menjelaskan satu persatu dari bagian komentar HTML. Dan akan saya mulai Comments.

Comments

Comments berfungsi memberi catatan atau komentar di HTML. Catatan tersebut dapat berfungsi untuk memberi penjelasan mengenai kode html tersebut.
Anda dapat menggunakan Comments dengan tag berikut.

Penggunaan simbol tanda seru (!) hanya digunakan di tag pembuka, tidak di penutup.

Anda juga dapat meletakan kode html didalam tag komentar, berfungsi seperti debugging.

Perlu diingat, komentar tidak akan muncul di tampilan browser, jadi ini fungsinya untuk membantu edit html.

Itulah penjelasan saya yang singkat ini, semoga dapat menambah ilmu anda.
Sekian postingan saya yang berjudul Belajar HTML Comments.
Jangan lupa baca postingan saya yang berjudul Belajar HTML Pemformatan Teks.

Belajar HTML Pemformatan Teks

2018-10-12T10:45:00.001-07:00

Belajar HTML Pemformatan Teks - Setelah mempelajari mengenai style attribute, kali inikita akan belajar tentang pemformatan teks pada HTML.
Di html, anda dapat memberi format atau mengatur tulisan teks menggunakan beberapa tag yang akan kita bahas. Banyak tag html yang berfungsi mengatur teks html, seperti <b>, <i>, dll.

<b> dan <strong>

Tag <b> dan <strong> memiliki fungsi yang sama, yaitu mengatur teks menjadi tebal. keduanya memiliki perbedaan, namun jika ditampilkan di browser tidak akan kelihatan perbedaanya.

Tag <b> berfungsi mengatur teks menjadi tebal tanpa maksud atau secara khusus, jadi agar tulisan itu menjadi tebal saja tanpa maksud lain.
Sedangkan Tag <strong> berfungsi mengatur teks menjadi tebal dengan maksud memberi penegasan kalau kalimat atau kalimat tersebut penting.

Contoh.

<b>Teks tebal bold</b>
<strong>Teks tebal strong</strong>

Hasilnya.

Teks tebal bold
Teks tebal strong

<i> dan <em>

Tag <i> dan <em> memiliki fungsi yang sama, yaitu membuat tulisan menjadi miring.

Perbedaan antara <i> dan <em> adalah tag <i> membuat teks miring tanpa maksud tertentu, sedangkan <em> memiliki tujuan yang sama seperti tag strong, yaitu memberi penegasan pada kalimat tersebut bahwa kalimat tersebut penting.

<i>Teks miring i</i>
<em>Teks miring em</em>

Hasilnya.

Teks miring i
Teks miring em

<small>

Tag <small> berfungsi untuk mengatur ukuran huruf teks menjadi lebih kecil dari default. Contoh.

Teks biasa dan <small>Teks kecil</small>.

Hasilnya.

Teks biasa dan Teks kecil.

<mark>

Tag <mark> berfungsi untuk memberi efek stabilo atau menandai teks. Contoh.

Tulisan <mark>ditandai</mark>.

Hasilnya.

Tulisan ditandai.

<del>

Tag ini berfungsi untuk membuat teks menjadi tercoret. Contoh.

Tulisan <del>dicoret</del>.

Hasilnya.

Tulisan ~~Dicoret~~.

<ins>

Tag ini berfungsi membuat teks menjadi bergaris bawah. Contoh

Kata ini <ins>digarisbawahil</ins>

Hasil.
.

Kata ini digarisbawahi.

<sup>

Sup merupakan kependekan dari Superscripted. Fungsinya untuk mengatur teks menjadi lebih kecil dan berada di atas, kayak pangkat atau kuatdrat. Contoh.

Hallo <sup>semua</sup>.

Hasilnya.

Hallo ^semua.

<sub>

Tag ini merupakan kependekan dari Subscripted, fungsinya sama seperti tag sebelumnya, cuma posisinya dibawah. Contoh.

Hallo <sub>semua</sub>.

Hasilnya.

Hallo _semua.

Itulah beberapa tag-tag yang dapat digunakan untuk pemformatan teks pada HTML.
Sekian postingan saya yang berjudul Belajar HTML Pemformatan Teks.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Style Attribute.

Belajar HTML Style Attribute

2018-10-11T13:54:00.000-07:00

Belajar HTML Style Attribute - Attribute merupakan struktur HTML yang menjelaskan informasi mengenai tag yang digunakan. Seperti pada penjelasan postingan sebelumnya.
Dengan Attribute, kita dapat mengkustomisasi tampilan halaman web dengan atribut Style. Fungsinya sama seperti css, namun ini dilakukan didalam tag HTML itu sendiri.

Belajar Struktur HTML

Berikut adalah contoh penulisan HTML Style Attribute.

<p style="background-color: red;">Ini adalah paragraf yang berlatar belakang merah dan bertuliskan dengan warna kuning.</p>

Yang berwarna merah meupakan Property, yang merupakan nama dari style yang digunakan.
Yang berwarna kuning itu merupakan Value, yaitu penjelasan atau isi dari property.

` Jangan lupa untuk memberi simbol titik komah (;) diakhir dari value, agar tidak error.

Hasilnya.

Ini adalah paragraf yang berlatar belakang merah.

Nah, berikutnya saya akan menjelaskan macam-macam style yang paling sering digunakan, seperti background, font-size, color, text-aligntment, font, dll.

HTML Background Color

HTML Background Color berfungsi untuk mengatur warna latar belakang/background pada element HTML yang dipilih. Untuk penulisanya bisa menggunakan property background-color.
Contoh, kali ini saya akan mengganti warna paragraf menjadi hijau.

<p style="background-color: green;">Paragraf ini memiliki warna latar belakang hijau buntut tokek.</p>

Hasilnya.

>Paragraf ini memiliki warna latar belakang hijau buntut tokek.

HTML Text Color

Property ini digunakan untuk mengatur warna tulisan pada element html yang dipilih, kode propertynya color. Contoh

<p style="color: red;">Text ini berwarma merah</p>

Hasilnya.

Text ini berwarma merah

HTML Fonts

Property ini berfungsi untuk mengatur jenis font/tulisan pada elemen yang ditulis, property ini ditulis font-family

Aturan Penulisan:

Jika nama font tidak mengandung spasi maka ditulis biasa, contoh arial, verdana, lato, dll.
Jika nama font mengandung spasi, maka nama font tersebut diberi tanda petik, contoh "Times New Roman", "Lato Thin", dll.

Contoh.

<p style="font-family: courier;">Text ini Courier.</p>
<p style="font-family: 'Lato Thin'";>Text ini Lato Thin.</p>

Hasilnya

Text ini Courier.

Text ini Lato Thin.

HTML Text Size

Property ini untuk mengatur ukuran huruf pada element HTML, penulisanya font-size. Contoh.

<p style="font-size: 36px;">Font ini berukuran 36px.</p>

Hasilnya.

Font ini berukuran 36px.

HTML Text Aligntment

Property text alignment digunakan untuk mengatur perataan teks pada element HTML yang dipilih. Bisa rata kanan, kiri, tengah, atau kanan-kiri. Penulksanya dengan menggunakan text-align. Contoh.

<p style="text-align: center;">Text Ditengah</p>
<p style="text-align: right;">Text dikanan</p>

Hasilnya.

Text Ditengah

Text dikanan

Itulah beberapa style attribute yang dapat saya sampaikan, sebenarnya masih banyak lagi, tapi saya bagikan yang biasa digunakan saja.
Sekian postingan saya yang berjudul Belajar HTML Style Attribute.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Paragraf.

Belajar HTML Paragraf

2018-10-10T14:16:00.001-07:00

Belajar HTML Paragraf - Paragraf merupakan serangkaian atau sekumpulan kaliman yang dijadikan jadi satu.
Dalam HTML paragraf dengan menngunakan <p>, yang berfungsi untuk membedakan antara satu paragraf yang lain. Jika kita menggunakan tag <p>, maka secara otomatis akan ada jarak antara satu dengan yang lain.
Langsung saja berikut Belajar HTML paragraf

HTML

Untuk menampilkan paragraf di HTML gunakan tag <p>. Contoh.

<p>Ini adalah paragraf satu</p> <p>Ini adalah paragraf dua</p>

Hasil.

Ini adalah paragraf satu

Ini adalah paragraf dua

Baris Baru

Untuk membuat baris baru tanpa membuat paragraf baru, dapat menggunakan tagbaris baru, yaitu <br>. Tag ini berfungsi untuk membuat baris baru di HTML. Tag ini tidak perlu tag penutup dakam penulisanya. Contoh.

<p>Ini adalah<br>paragraf</p>

Hasil.

Ini adalah
paragraf

Tag <pre>

Tag <pre> digunakan untuk mengatur text menjadi pre-formated, yaitu teks biasanya berubah, break line, contoh.

<pre>Pre Formated Text
Pre Text Formated
Formated Pre Text
Formated Text Pre
</pre>

Hasil.

 
 Formated Text
 Pre Text Formated
 Formated Pre Text
 Formated Text Pre

Sekian postingan saya yang berjudul Belajar HTML Paragraf.
Jangan lupa baca postingan saya sebelumnya Belajar Tag Heading HTML

Belajar Tag HTML Heading

2018-10-09T10:13:00.002-07:00

Belajar Tag HTML Heading - Heading merupakan tag HTML yang penting dalam program HTML. Dengan tag tersebut, kita dapat membuat tampilan website yang lebiih rapih.
Heading berfungsi sebagai judul, untuk penjelasan lebih lanjut simak tulisan dibawah.

Heading

Heading berfungsi mendeklarasikan judul, jadi heading digunakan dalam judul. Heading juga berfungsi memudahkan pengunjung membedakan mana yang teks dan mana yang judul.
Heading dapat ditulis dengan tag <h1> - <h6>. Setiap heading memiliki ukuran yang berbeda, <h1> biasanya yang paling besar, diikuti <h2>, dan seterusya. Contoh

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Hasil.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Ketika anda menggunakan tag heading, maka anda tidak perlu menambahkan pemformatan teks lain, seperti Bold, Strong, dll.

Horizontal Rules

Horizontal Ruler berfungsi membuat garis pembatas antar element. Horizontal rules ditulis dengan tag <hr>. Contoh

<h1>Heading</h1>
<hr>
<p>Paragraf</p>

Hasil.

Heading

Paragraf

Sekian postingan saya yang berjudul Belajar Tag HTML Heading.
Jangan lupa baca postingan saya sebelumnya Belajar Tag, Element, Dan Attribute Dalam HTML.

Belajar Tag, Element, Dan Attribute Dalam HTML

2018-10-08T15:00:00.001-07:00

Belajar Tag, Element, Dan Atrribute Dalam HTML - Kode HTML tersusun atas tag, element, dan attribute. Tentu penting bagi kita yang akan mempelajari HTML untuk belajar mengenai ketiga hal itu, karena ketiganya merupakan hal pokok, atau hal dasar dari program HTML. Berikut adalah contoh kode HTML.

<p style="align: center">Helllo</p>

Penjelasan:

Merah: Tulisan yang berwarna merah disebut tag.
Biru: Tulisan yang berwarna biru disebut atrribute.
Hijau: Tulisan yang berwarna hijau disebut element.

Kurang jelas? Berikut penjabaran masing-masing.

Tag

Tag merupakan kunci dari program HTML, tag terdiri dari dua bagian. Yaitu bagian pembuka dan penutup. Contoh.

Ingatlah seslalu untuk menutupn tag html, namun ada beberapa tag HTML yang tidak memerlukan tag penutup, contohnya <br/>, dll.

Element

Element merupakan isi atau content dari tag, Element bisa berbentuk teks, media, ataupun kode HTML lain. Tidak ada aturan dalam menuliskan isi element, yeng pasti element harus diulis setelah tag pembuka dan sebelum tag penutup, lebih singkatnya diapit oleh tag. contoh.

<p>Teks ini adalah element</p>

Hasil.

Teks ini adalah element

Attribute

Attribute adalah informasi lanjutan dari tag, attribut berfungsi memberi informasi yang lebih rinci mengenai tag seperti warna, ukuran, dll. Attribute ditulis di tag pembuka setelah nama tag, contoh.

<p style="color:red">Attribute berisi warna merah</p>

Hasil.

Attribute berisi warna merah

Ingat, element dan nama tag diberi jarak spasi, dan isi atribut harus diisi dalam tanda petik, tanda petik satu maupun dua sama saja.

Sekian dari yang berudul Belajar Tag, Element, Dan Atrribute Dalam HTML.
Jangan lupa baca posingan saya asebelunya Belajar Struktur HTML.

Belajar Struktur HTML

2018-10-07T15:00:00.000-07:00

Belajar Struktur HTML - Sebelum kita masuk ke koding HTML, mari kita pelajari dulu mengenai struktur HTML. HTML dibangun dari beberapa struktur. Setiap bagian memiliki fungsi masing-masing.
Di HTML ada 4 struktur utamanya, yaitu <!DOCTYPE html>, <html>, <head>, dan <body>. Semuanya harus ditulis dalam file HTML. Dan semuanya memiliki fungsi masing masing. Langsung saja, berikut Belajar Struktur HTML.

<!DOCTYPE html>

Bagian ini merupakan bagian awal/pembuka/kepala dari HTML. Fungsinya untuk mendeklarasikan atau memberitahu kalau file tersebut adalah HTML5.
Posisi dari tag ini hanya ada di atas, dan selalu yang pertama. Anda juga tidak peru memberikan tag penutup dibawah.

<html>

Bagian ini adalah bagian dimana kode HTML dimulai, jadi disinilah anda menulis program HTML.
Posisi dari tag ini yaitu dibawah tag <!DOCTYPE html>. Untuk penulisanya, tag ini harus dilengkapi tag penutup dibawah.

<head>

Tag ini merupakan tag yang berisi informasi dari file HTML yang sedang dibuka s, seperti title, keyword, dll. Apa saja yang kalian tuliskan didalam tag ini tidak akan muncul di tampilan halaman web, karena di tag ini berisi informasi bukan kode HTML.
Untuk penulisanya, seperti tag html dan berada di bawal tag html.

<body>

Tag ini merupakan tag utama di HTML, Karena disinilihan anda menulis kode HTML yang akan ditampilkan di browser.
Aturan penulisanya sama seperti tag-tag sebelumnya

Struktur HTML

Berikut adalah contoh struktur HTML.


  <!DOCTYPE html>

  <html>

  <head>

   <title>My Page</title>

  </head>

  <body>

   <h2>Welcome</h2>

  </body>

  </html>

Sekian postingan saya yang berjudul Belajar Struktur HTML.
Jangan lupa baca postingan saya sebelumnya Aplikasi Text Editor Terbaik Untuk PC.

Aplikasi Text Editor Terbaik Untuk

2018-10-06T10:19:00.001-07:00

Aplkasi Text Editor Terbaik Untuk PC. - Seperti yang sudah saya jelaskan di postingan sebelumnya, untuk membuat program HTML, diperlukan aplikasi yang disebut Text Editor. Dan saya akan melanjutkan postingan kemarin dengan memberikan referensi aplikasi text editor terbaik pc.
Text Editor sendiri adalah aplikasi yang berfungsi membuat dan mengedit kode HTML, jadi untuk membuat program HTML, dibutuhkan Text Editor. Ada banyak sekali developer yang membuat aplikasi text editor, namun kali ini saya akan membahas text editor yang menurut saya terbaik saja. Langsung saja, berikut aplikasi text editor terbaik untuk pc..

Sublime Text

Sublime Text merupakan text editor favorit saya, aplikasi ini mudah digunakan, gak ribet, dan ringan banget. Aplikasi ini juga gratis dan gak perlu keluar biaya, ukuranya kecil, dan tersedia di hampir semua OS. Sublime Text mendukung banyak bahasa pemrograman. Fitur menarik Sublime Text.

Multiple Selection, untuk mengedit kode yang sama dalam file secara instan.
Goto Anything, membuka file hanya dengan tombol kombinasi dan mengetikan nama file.
Goto Definition, penjelasan mengenai syntax yang dipilih.
Command Pallete, melakukan perintah hanya dengan pintasan.

Notepad++

Notepad++ merupakan versi lanjutan dari Notepad. Notepad sendiri merupakan text editor bawaan windows. Notepad++ memiliki fitur-fitur menarik, berikut fitur menariknya.

Syntax Highlighting, memberi tanda jika ada salah di kodingmu.
Search and Replace, mengganti kode html dengan menuliskanya di kotak pencarian.

Atom

Untuk anda yang pengen text editor super komplit, maka gunakanlah Atom. App ini memiliki fitur dan kelengkapan yang komplit. App ini juga memiliki tampilan yang elegant dan modern. Fitur menarik atom.

Start Autocompletion, memudahkan anda dalam menuliskan kode coding.
Customization, anda bebas mengedit dan mengatur tampilan atom, buatlah senyaman mungkin.

UltraEdit

UltraEdit merupakan text editor yang sudah berusia puluhan tahun, dengan usia yang sudah banyak, UltraEdit memiliki semua fitur yang dibutuhkan coder. Fitur menarik UltraEdit.

Integrated FTP Client, Anda dapat membuka, menyimpan, dan membuka file dari remote server, karena UltraEdit mendukung FTP, SFTP, dan FTPS.
XML Manager, mengelola xml anda dengan mudah.
HTML Tools, UltraEdit menyedikan banyak tool untuk HTML dengan variasi yang beragam.

Sekian postingan saya yang berjudul Aplikasi Text Editor Terbaik Untuk PC.
Jangan lupa baca postingan saya sebelumnya

Cara Membuat Dan Menampilkan HTML

2018-10-05T14:52:00.001-07:00

Cara Membuat Dan Menampilkan HTML - HTML merupakan bahasa yang sangat bersahabat, untuk membuat programnya kita hanya membutuhkan Text Editor dan Browser. Text Editor berfungsi membuat dan mengeditb HTML, sedangkan Browser berfungsi untuk menampilkan hasil pengkodean HTML.
Sebelumnya pastikan anda sudah mempunyai aplikasi text editor (Sublime, Atom, dll) bisa dibaca di postingan saya selanjutnya. Dan pastikan anda juga sudah memiliki browser, kalau ini saya pastikan anda semua pasti memiliki semua, untuk mengetahui browser mana yang terbaik bisa dibaca di postingan saya selanjutnya.
Langsung saja berikut Cara Membuat Dan Menampilkan HTML.

Buka Text Editor

Buka text editor anda, bisa sublime, atom, dll. Anda juga bisa menggunakan aplikasi text editor bawaan komputer.
Untuk pengguna Windows ada aplikasi namanya Notepad, anda dapat menggunakanya tanpa perlu instal lagi.
Untuk pengguna Linux ada juga aplikasi namanya Text Editor, fitur dan fungsinya hampir sama dengan Notepad.

Tulis Kode HTML

Jika aplikasi sudah dibuka, tulis kode HTML anda. Jika anda belum tahu, bisa salin kode dibawah ini.

<!DOCTYPE html>
<html>
<head>
<title>My HTML</title>
</head>
<body>
<h1>Hello Hai</h1>
</body>
</html>

Simpan File Tersebut

Setelah menulis kode, simpan file tersebut dengan menekan kombinasi CTRL + S. Anda bebas memberi nama, formatnya harus .html. Contoh mypage.html.

Tampilkan HTML Di Browser

Untuk menampilkan HTML di browser, terdapat 3 cara, yaitu:

Cara 1 : Via File Manager
- Buka file manajer anda.
- Cari file HTML yang tadi disimpan.
- Langsung klik dua kali file tersebut, maka file akan dibuka di browser default di komputer anda.
- Atau klik kanan -> buka dengan. Jika ingin dibuka dengan browser tertentu.
Cara 2 : Via Browser
- Buka browser anda.
- Tekan kombinasi CTRL + O, lalu pilih file yang akan dibuka.
Cara 3 : Via Address Bar
- Buka browser anda.
- Tulis alamat file anda, misal file:///home/ibrahim/Dokumen/code/index.html

Cara yang ketiga tidak direkomendasikan, kecuali anda manusia super yang imanya kuat.

Sekian postingan saya yang berjudul Cara Membuat Dan Menampilkan HTML.
Jangan lupa baca postingan saya sebelumnya yang berjudul Pengertian, Sejarah, dan Fungsi HTML.

Pengertian, Sejarah, dan Fungsi HTML

2018-10-04T13:59:00.000-07:00

Pengertian, Sejarah, dan Fungsi HTML - Bisa dikatakan HTML merupakan bahasa pemrograman paling populer sekarang, bahasa ini digunakan dalam pemrograman web. HTML juga merupakan dasar dari pemrograman, jadi jika anda ingin mempelajari pemrograman, anda harus belajar HTML terlebih dahulu.
Di postingan pertama saya ini, saya akan mengupas lebih lanjut mengenai HTML. Mulai dari pengertian, sejarah, hingga fungsi dari HTML. Karena dengan memahami itu semua kita akan lebih mudah dan tahu lebih dalam mengenai HTML.

Pengertian HTML

HTML merupakan singkatan dari Hypertext Markup Languange. HTML merupakan bahasa markup internet yang berisi kode atau simbol yang ditujukan di sebuah file untuk ditampilkan di halaman website. Artinya, HTML merupakan bahasa markup untuk membuat web dan dapat diakses oleh pengguna internet dengan browser.
HTML telah memasuki versi HTML 5, dan HTML masih diperbaharui hingga sekarang. Alasanya karena banyaknya pengguna HTML sendiri yang selalu meningkat. Organisasi yang bertanggungjawab dalam pengembangan HTML disebut W3C.

Fungsi HTML

Membuat Halaman Website, halaman website dibuat dengan HTML sebagai pokoknya dan mengatur halamanya.
Pondasi Website, Website layaknya rumah memiliki pondasi, pondasinya website yaitu HTML. Jika website tidak memiliki pondasi HTML, maka akan susah mengimpelentasikan bahasa pemrograman lainya, seperti CSS, PHP, dll.
Menambahkan Objek Berkas Ke Halaman Web, ada banyak tag HTML yang berfungsi menampilkan objek berkas ke halaman web.

Sejarah HTML

HTML pertama kali dibuat oleh IBM pada 1980. Saat itu muncul ide untuk menempatkan elemen-elemen yang berguna menandai bagian suatu dokumen seperti judul, alamat, isi website. Pada akhirnya element tersebut dibentuk dalam sebuah program yang melakukan pemformatan secara otomatis.
Bahasa pemrograman untuk melakukan tugas diatas disebut bahasa markup. IBM menamai program ini Generakized Markup Languange, dan pada 1986 konsep ini disetujui oleh ISO (International Standard Organization) sebagai standar pembuatan dokumen. ISO kemudian menamainya sebagai Standard Generalized Markup Languange (SGML). HTML sendiri merupakan bagian SGML bagian dari tim Banners Lee dari CERN. Dia memberikan ide tentang pembuatan bahasa pemrograman yang dapat diakses komputer manapun tanpa melihat platformnya. Sejak saat itu HTML menjadi lebih populer ditimbang SGML.

Perkembangan HTML

HTML 1.0
HTML 1.0 merupakan versi pertama HTML, fiturnya masih terbatas, yaitu heading, paragraf, hypertext, list, bold, dan italic.
HTML 2.0
Terdapat fitur baru, yaitu form
HTML 3.0
Fitur baru, yaitu tabel. Namun versi ini tidak bertahan lama, karena banyak permasalahan, salah satunya perang antar browser.
HTML 3.2
Perang antar browser terus berlanjut karena mereka membuat tag HTML mereka sendiri. Untuk mengatasinya, dibentuk organisasi yang menangani standar dari HTML, yaitu World Wide Web Consortium (W3C).
HTML 4.0
Versi ini memuat banyak perubahan, hampir semua perintah dalam HTML mengalami perubahan.
HTML 4.01
Versi ini hadir untuk mempearbaiki versi sebelumnya.
XHTML 1.0
XHTML merupakan gabungan HTML dan XML, namun XHTML tidak se-fleksibel HTML, tidak banyak orang yang menyukai versi ini.
HTML 5.0
HTML merupakan versi HTML terbaru, di versi ini ada fitur-fitur baru, pokoknya keren.

HTML merupakan bahasa pemrograman yang tidak terlalu sulit, jadi jangan ragu-ragu untuk belajar. Untuk referensi, jika kalian mau belajar HTML, kalian bisa belajar di W3Schools, dan di blog ini.
Di blog ini saya akan membagikan ilmu saya mengenai pemrograman, jadi gak usah bingung kalau mau belajar. Sekian postingan saya yang berjudull Pengertian, Sejarah, dan Fungsi HTML