Lesson 2: Membangun Halaman Pertama Website Anda

Membangun Halaman Pertama Website Anda: Part 3

Saatnya membangun halaman HTML pertama Anda

Saatnya Anda sekarang akan benar-benar membangun halaman web pertama Anda! Salah satu cara terbaik untuk mempelajari sesuatu adalah dengan benar-benar melakukannya, jadi jangan khawatir jika Anda merasa sedikit kabur sekarang, saat kita membangun halaman web, segalanya akan mulai jelas.

Langkah 1: Mari kita menulis beberapa kode HTML

Buka editor teks seperti Notepad di Windows dan textedit di Mac,lalu ketikkan kode berikut : 

<html>
	<head>
		<title>Halaman Website Pertama </title>
	</head>
	<body>
		<h2>Menulis kode website itu mudah</h2>
		<p>Terimakasih sudah berkunjung.</p>
	</body>
</html>

Langkah 2: Simpan file sebagai dokumen HTML

Simpan file HTML Anda (simpan ke desktop Anda sehingga Anda pasti akan menemukannya!) Menggunakan fungsi 'Save As' editor teks Anda dan beri nama file test.html.

Anda dapat memilih nama yang Anda inginkan, selama Anda mengikuti empat aturan ini:

  1. Nama halaman web tidak boleh memiliki spasi di dalamnya contoh : "halaman web.html" tidak benar tetapi "halamanweb.html" yang benar.
  2. Nama harus diakhiri dengan .html atau .htm, dengan mengakhiri nama file dengan cara ini Anda memberi tahu komputer bahwa ini adalah halaman web dan harus menggunakan pembaca halaman web / browser untuk melihatnya.
  3. Jangan gunakan simbol seperti: $,%, ^, & dalam nama halaman Anda. Tetap berpegang pada huruf dan angka standar.
  4. Di Notepad di windows, harap simpan file sebagai UTF-8. DI textedit di mac Anda akan ditanya apakah Anda ingin menggunakan '.html',klik use html seperti gambar dibawah ini

cara menyimpan file html di textedit (sistem operasi mac) lihat gambar dibawah

Langkah 3: Perhatikan pekerjaan Anda dan lihat halaman website Anda

klik dua kali halaman website yang anda buat atau buka dengan browser web Anda dengan pergi ke menu "File", lalu pilih "Open file" dan pilih halaman website yang Anda buat.

Jika Anda tidak melihat apa pun, bandingkan apa yang Anda ketikkan dengan yang asli yang saya berikan kepada Anda dan lanjutkan prosesnya lagi. Anda akan mendapatkannya jika Anda memberi diri Anda kesempatan!

Jika Anda tidak yakin apakah yang Anda buat sesuai dengan yang seharusnya, Anda dapat memeriksa halaman website dengan kode yang dicontohkan dengan mengklik di sini dan membandingkannya dengan milik Anda.


Sekarang kita telah selesai membangun halaman web pertama kita.Selanjutnya kita bangun situs web pertama kita.

Top of Page