Archive for November 2018

Belajar Dasar HTML - (Part 4) Heading dan Paragraph

November 16, 2018 Add Comment
Sebelumnya kita sudah mengenal beberapa tag html yaitu html, head, title dan body. Nah, sekarang kita akan melanjutkan pembahasan kita tentang html, yaitu heading dan paragraph. Tag heading biasa digunakan sebagai headline ataupun judul dari sebuah website atau artikel.

Heading HTML

 Gunakan heading untuk mengatur judul dan subjudul. Heading selalu di tandai dengan h1 untuk judul utama pada halaman. Disarankan untuk hanya memiliki satu h1 pada halaman yang mirip dengan tag head <title> untuk menunjukkan Google dan mesin pencari lainnya tentang apa halaman tersebut.

< h1 > Contoh Heading </ h1 >
Ada 6 ukuran judul yang berbeda, yang ditandai dengan 1 yang paling penting dalam hierarki.

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

Untuk mengubah ukuran judul yang berbeda yang perlu Anda lakukan adalah mengubah h2 ke apa pun seperti h5. Judul pergi dari terbesar (h1) ke terkecil (h6). Judul juga bagus untuk digunakan ketika Anda ingin membuat sesuatu yang besar seperti judul halaman web Anda.

Paragraph

 Ada juga tag lain yang dapat Anda gunakan untuk membuat jeda baris. Ini disebut tag paragraph.

< p > Periksa </ p >
< p > ini </ p >
< p > keluar! </ p >
Tag p membuat garis lebih besar daripada tag br. Tag paragraph biasanya digunakan saat Anda menulis paragraf. Di awal paragraf, Anda akan memulai tag p dan pada akhirnya Anda akan mengakhirinya. Dengan cara itu akan membuat jeda baris di awal dan akhir paragraf Anda.

Ada satu lagi penggunaan untuk tag p. Anda dapat menggunakannya untuk menyelaraskan hal-hal seperti tag heading.

< p  style = "text-align: left;" > Periksa </ p >
< p  style = "text-align: center;" > ini </ p >
< p  style = "text-align: right;" > keluar! </ p >

Untuk lebih jelasnya lagi lihatlah video dibawah ini dan jangan lupa Subscribe juga ya channel ini agar bermanfaat buat semua orang.

Sumber:www.youtube.com/c/ITComputer-KP_Genius
Belajar Dasar HTML - (Part 4) Heading dan Paragraph

Belajar Dasar HTML - (Part 3) Berkenalan Dengan Tag Pada HTML

November 16, 2018 Add Comment
Pada bagian ini kita akan membahas mengenai tag yang terdapat pada HTML. Apa itu tag html? Kenapa harus ada? Simak video ini! Buat temen - temen yang belum paham jangan merasa putus asa, disini akan saya jelaskan pelan - pelan.....

Elemen HTML adalah komponen individual dari dokumen HTML atau halaman web. HTML terdiri dari pohon simpul HTML, seperti simpul teks. Setiap node dapat memiliki atribut HTML yang ditentukan. Node juga dapat memiliki konten, termasuk simpul dan teks lainnya. Banyak node HTML mewakili semantik atau makna.Wikipedia (Inggris)

Tag HTML merupakan sebuah kode yang harus ada pada setiap halaman HTML untuk membungkus sebuah halaman HTML agar browser bisa tau dan menerjemahkannya kedalam bahasa html, bukan teks biasa saja. Ada banya tag-tag dalam html, salah satunya itu ialah tag html. Bentuk tag html seperti ini; <html></html>. Jadi setiap kode html yang diawali dengan tag pembuka harus diakhiri dengan tag penutup. Tapi, ada juga beberapa tag html yang tidak diakhiri dengan tag penutup, untuk itu kita bahas pada tahap selanjutnya.

Untuk Lebih jelasnya lihatlah pada video dibawah ini dan jangan lupa Subscribe juga ya channel ini agar bermanfaat buat semua orang.

 Sumber:www.youtube.com/c/ITComputer-KP_Genius
Belajar Dasar HTML - (Part 3) Berkenalan Dengan Tag Pada HTML

Belajar Dasar HTML: (Part 2) Membuat File Pertama / Hello World

November 05, 2018 Add Comment
Setelah mengenal HTML, kali ini kita akan membuat file pertama html kita Hello World. Sebelum itu kita harus memilih code editor yang kita gunakan untuk membuat program.

Memilih Aplikasi Editor HTML
Memilih sebuah aplikasi editor HTML tidaklah terlalu sulit. Aplikasi editor HTML digunakan untuk mempermudah kita membuat kode HTML. HTML sendiri pada dasarnya hanya text biasa yang ditulis dalam kode-kode khusus. Web Browser-lah yang akan menerjemahkan kode HTML ini menjadi sebuah tampilan halaman web.

Untuk membuat kode HTML maupun halaman web sederhana, kita tidak perlu menggunakan aplikasi yang besar dan berat. Aplikasi Notepad bawaan Windows sebenarnya sudah cukup untuk membuat kode HTML. Adapun code editor lainnya yaitu: Notepad++, Sublime Text, Atom, dll. Namun untuk tutorial belajar HTML kali ini saya akan menggunakan aplikasi Sublime Text.

--------------------------------------------------------------------------------------------------------------------------

Setelah menentukan code editor yang akan kita gunakan sekarang saatnya membuat file html. Untuk membuat file HTML kalian harus membuat file baru di code editor. Ok baiklah, ini langkah-langkah untuk membuat file HTML di Sublime Text...

  1. Buka Sublime Text yang sudah di install. Jika belum diinstall, install terlebih dahulu.
  2. Klik pada tab menu 'File' pilih 'New File'.
  3. Setelah itu ketikan tulisan 'Hello World'. Karena, tidak afdol jika kita tidak mengetikan 'Hello World' pada tahap awal pembelajaran HTML.
  4. Simpan dengan cara tekan CTRL+S atau dengan cara klik pada tab menu 'File' pilih save. Lalu pilih letak penyimpanan, disini saya membuat folder baru bernama HTML. Jadi, saya menyimpannya di dalam folder HTML. Jangan lupa berinama file 'index.html', karena file utama dari website yaitu index.
  5. Setelah tersimpan buka file dengan browser, lihat apa yang terjadi.

Setelah selesai langkah diatas, munculah tulisan Hello World yang sudah kita buat tadi. Tapi itu bukan lah bahasa html, melainkan hanya teks biasa karena kita belum menggunakan koding HTML didalamnya. Jadi untuk membuat koding HTML kalian harus menggunakan tag html pembuka <html> dan penutup </html>. Adapun struktur dasarnya sebagai berikut;

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

Jika ada yang kurang jelas lihat video saya dibawah ini dan jangan lupa Subscribe juga ya channel ini agar bermanfaat buat semua orang.

Sumber:www.youtube.com/c/ITComputer-KP_Genius
Belajar Dasar HTML: (Part 2) Membuat File Pertama / Hello World

Subscribe to: Posts (Atom)