BISA BUAT WEB DALAM WAKTU 1
HARI(PART1)
Assalamualaikum, selamat siang jumpa lagi dengan saya
seorang Mahasiswa yang saat ini sedang cuti. Ok karena sudah lama saya tidak
bikin artikel dan tidak fokus. Akhirnya saya putuskan untuk fokus membuat
Tutorial dan artikel2 di blog saya ini.
Kali ini saya akan share dari awal lagi yaitu dari belajar HTML,CSS,JavaScript,PHP,dan MYSQL agar saya bisa fokus oleh karena itu saya akan awali dengan belajar HTML
Disini saya akan menjelaskan secara mendasar bagaimana cara
nya memahami Bahasa Komputer untuk membuat sebuah website. Nah disini kita akan
membahas mulai dari HTML dulu ya.
Bahan-bahan yang di butuhkan untuk belajar HTML :
1.
Laptop/Komputer
2.
Software untuk membuat website kalian bisa menggunkan di antaranya ada
(Sublime, Notepad++, dan Atom)saran: Gunakan Sublime Text Editor. Kalian bisa
download secara gratis. (DOWNLOAD SUBLIME)
3.
Internet yang memadai untuk terus belajar di Blog saya ini :D
4.
Sediakan Kopi dan Cemilan :D.
Setelah itu Install terlebih dahulu Sublime yang telah
kalian download.
Setelah selesai download langkah pertama.
Buatlah folder terlebih dahulu untuk menyimpan file
project HTML kita.
Misal saya disini memberikan nama folder dengan “Belajar
HTML”, usahakan simpan di Local Disk (D:)
Setelah selesai membuat folder, lalu kita buka sumbile
yang telah kita Install. Nanti akan muncul tampilan seperti ini
Nah setelah itu langkah selanjutnya adalah Klik FILE
Lalu Klik Open Folder, nanti akan muncul seperti ini
Setelah itu cari folder yang tadi telah kita buat, dan
klik select folder.
Setelah di klik select folder maka tampilan akan berubah.
Seperti di bawah ini.
Lihat ada perbedaan kan di banding tampilan sebelumnya, perhatikan
sebelah kanan, ada Folder Belajar HTML, itu yang di sebut Wilayah Project kita.
Ok Next Step, selanjutnya sebelum kita mulai Save
terlebih dahulu file project kita agar memudahkan pengerjaan Project kita.
Caranya dengan sangat mudah tekan TOMBOL CTRL+S, maka akan muncul seperti ini.
Setelah terbuka tampilan seperti itu simpan file di
bagian baris “File name:” simpan dengan
nama file h1.html
usahakan jangan menggunakan spasi ya antara huruf h
dengan angka 1 dan tambahkan ekstensi .html setelah h1
Setelah itu klik save,dan tampilan pun akan berubah lagi.
Setelah itu kita mulai belajar HTML, langkah selanjutnya
ketik huruf “ht” di baris pertama
Lalu setelah itu tekan tombol “CTRL+SPASI” maka liat apa
yang akan terjadi.
Yaps tepat sekali akan muncul pondasi dasar atau biasa di
sebut struktur dasar dari HTML
Saya akan kasih penjelasan mengenai struktur HTML.
Nah kalian mungkin paham apa yang saya jelaskan di dalam
ScreenShoot yang telah saya buat, kalau tidak paham apa maksudnya silahkan bisa
tanyakan di Kolom Komentar 😊
Setelah itu langkah selanjutnya adalah memberikan Judul
di dalam Tag <title> dan Konten website di dalam Tag <body> , lihat
di bawah
<!DOCTYPE html>
<html>
<head>
<title>Membuat
JUDUL Menggunakan Tag H</title>
</head>
<body>
<h1>Ini Adalah Headling 1</h1>
<h2>Ini Adalah Headling 2</h2>
<h3>Ini Adalah Headling 3</h3>
<h4>Ini Adalah Headling 4</h4>
<h5>Ini Adalah Headling 5</h5>
<h6>Ini Adalah Headling 6</h6>
</body>
</html>
Setelah selesai lalu jangan lupa biasakan untuk mensave
File Project yang telah kita buat dengan cara menekan tombol CTRL+S
Lalu setelah itu buka file yang telah kita buat dengan
cara masuk ke folder yang kita buat di awal.
Usahakan buka File tersebut di
Browser Google Chrome agar lebih enak di pandang(Lihat), maka akan muncul
seperti ini setelah di buka File Project kita
Nah hasilnya akan seperti di
atas. Saya akan menjelaskan maksud dari Code HTML yang telah kita buat. Pertama
kita mulai dari Tag Title
Nah di bawah ini adalah
kepala(Tag Head) dari sebuah website .
Lalu untuk Tag title ada di bawah ini
Nah seperti yang sudah saya jelaskan di atas. Tag Title untuk
membuat sebuah judul dari setiap halaman yang nantinya kita buat.
Untuk tag Body fungsinya untuk memberikan sebuah content
atau isi dari sebuah website yang nanti akan kita buat.
Nah saya akan menjelaskan fungsi dari Tag
<h> fungsi h atau singkatan dari Headling adalah untuk membuat sebuah
judul dari sebuah halaman website atau judul dari sebuah artikel yang nantinya
kita buat. H urutanya dari 1-6 mulai dari yang ukuran terbesar ada di h1 dan
ukuran terkecil ada di h6.
Selesai sudah untuk pengenalan HTML dasar dari
sebuah TAG <H>. Di artikel selanjutnya kita akan Membahas cara membuat
sebuah Paragraf.
Mudah2an kalian paham kalau ada yang tidak di
mengerti silahkan tanyakan di kolom komentar. 😊
Terima Kasih sudah mengunjungi Artikel saya jangan Lupa Share jika kalian suka dengan artikel yang saya buat ini
Terima Kasih sudah mengunjungi Artikel saya jangan Lupa Share jika kalian suka dengan artikel yang saya buat ini
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon