HTML
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

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

YOUR CODE SCRIPT NATIVE ADS

Belajar Dasar HTML: (Part 1) Pengenalan HTML

October 29, 2018 Add Comment
Pengertian HTML
HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.

Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan jika berada di antara tanda lainnya akan tampak besar. Tanda ini di kenal sebagai HTML tag.

Jika anda ingin melihat bagaimana sebenarnya HTML, silahkan klik kanan halaman ini, lalu pilih View Page Source (di Browser Mozilla Firefox atau Google Chrome). Akan tampil sebuah halaman baru yang merupakan kode HTML dari halaman ini.

Jika anda merasa terintimidasi dengan kode-kode tersebut, anda tidak sendiri, saya juga mengalaminya. Namun, kita akan mempelajari sebagian besar kode-kode ini di Tutorial Belajar Dasar HTML di Duniapinko.

Cara Melihat Source Code HTML

HTML merupakan bahasa dasar pembuatan web. Disebut dasar karena dalam membuat web, jika hanya menggunakan HTML tampilan web terasa hambar. Terdapat banyak bahasa pemrograman web yang ditujukan untuk memanipulasi kode HTML, seperti JavaScript dan PHP. Akan tetapi sebelum anda belajar JavaScript maupun PHP, memahami HTML merupakan hal yang paling awal.

Buat kalian yang kurang paham, silahkan lihat video tutorial saya dibawah ini. Karena, disini saya menerangkan dengan jelas agar mudah di mengerti oleh semua orang, khususnya orang awam.

 Sumber:www.youtube.com/c/ITComputer-KP_Genius
Video Belajar Dasar HTML: (Part 1) Pengenalan HTML

HTML bukanlah bahasa pemrograman (programming language), tetapi bahasa markup (markup language), hal ini terdengar sedikit aneh, tapi jika anda telah mengenal bahasa pemrograman lain, dalam HTML tidak akan ditemukan struktur yang biasa di temukan dalam bahasa pemrograman seperti IF, LOOP, maupun variabel. HTML hanya sebuah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman.

Selain HTML, dikenal juga xHTML yang merupakan singkatan dari eXtensible Hypertext Markup Language. xHTML merupakan versi lama dari HTML (sebelum era HTML5 seperti saat ini). xHTML menggunakan aturan penulisan yang lebih ketat. Jika anda menemukan artikel yang membahas xHTML, bisa disamakan dengan HTML, karena perbedaannya tidak terlalu banyak.

PropellerAds

Versi terbaru HTML: HTML5
Saat ini versi terbaru dari HTML adalah HTML5. HTML5 berisi beberapa fitur baru, tapi tetap membawa mayoritas fitur dari versi HTML sebelumnya, yakni HTML 4 dan xHTML.

File HTML harus dijalankan dari aplikasi web browser. Dalam tutorial belajar dasar HTML selanjutnya, kita akan membahas tentang Fungsi Web Browser.

Tutorial Belajar Dasar HTML Untuk Pemula

October 23, 2018 Add Comment
HTML atau Hypertext Markup Language adalah dasar dari semua halaman web di internet. Jika anda ingin mempelajari cara membuat website, maka Tutorial Belajar HTML Dasar Untuk Pemula di Dunia IT ini adalah langkah pertama anda.

Dunia IT telah mempersiapkan beberapa tutorial HTML dasar yang ditujukan untuk pemula yang ingin mempelajari HTML dari awal. Dalam tutorial ini kita akan mempelajari tentang pengertian HTML, cara membuat file HTML, berkenalan dengan tag dan atribut HTML, hingga membahas tag-tag penting HTML, seperti tag <a>, tag <img>, <table>, dan tag <form> HTML.

Dalam mempelajari HTML, harap diingat bahwa HTML dirancang untuk membuat struktur dasar dari halaman web. Jika anda ingin merubah tampilan dari sebuah tag, misalnya ingin membuat background paragraf berwarna merah, atau ingin memberi efek bayangan pada gambar, sebaiknya menggunakan CSS, bukan langsung dari HTML.

Tutorial ini ditujukan sebagai tutorial singkat untuk membuat halaman web sederhana dengan cepat.


Pembahasan mendalam untuk topik topik yang lebih lengkap akan dipisahkan ke dalam Tutorial HTML Lanjutan, seperti Cara membuat menggunakan tabel, cara menformat text, cara membuat form, serta pembahasan khusus mengenai perkembangan terbaru dari HTML, yakni HTML5.

Berikut adalah beberapa Tutorial Belajar Dasar HTML Untuk Pemula:
Belajar Dasar HTML: (Part 1) Pengenalan HTML ---- Lihat Disini ----
Belajar Dasar HTML: (Part 2) Membuat File Pertama / Hello World ---- Lihat Disini ----
Belajar Dasar HTML: (Part 3) Berkenalan Dengan Tag Pada HTML ---- Lihat Disini ----
Belajar Dasar HTML - (Part 4) Heading dan Paragraph ---- Lihat Disini ----
Subscribe to: Posts (Atom)