Saat Anda menavigasi ke halaman web di Internet, browser melakukan banyak pekerjaan. Browser membaca semua file yang diperlukan [HTML, CSS, dan JavaScript] dan menginterpretasikan sumber daya mentah tersebut untuk mewarnai halaman kompleks yang Anda lihat
Dalam artikel ini, Anda akan mempelajari cara membuat halaman web menggunakan editor teks di komputer Anda sendiri, lalu melihat halaman web di browser Anda. Jika Anda tertarik memublikasikan halaman web Anda ke World Wide Web [Internet] untuk dilihat semua orang, lihat setelah Anda memahami langkah-langkah di bawah ini
Langkah 1. Buka Editor Teks Anda
Langkah pertama adalah membuka editor teks Anda. Penting untuk menggunakan editor teks "mentah", dan bukan pengolah kata yang diformat
Pengolah kata menyisipkan karakter yang membuat halaman terlihat bagus, tetapi bukan HTML yang valid. Mereka adalah alat yang hebat untuk membuat dokumen bergaya, seperti makalah akademik dan pamflet, tetapi mereka juga menyisipkan karakter yang bukan HTML yang valid. Karena file halaman web harus berisi HTML yang valid, editor teks adalah alat yang lebih baik daripada pengolah kata untuk membuat halaman web
Langkah 2. Tulis Kerangka HTML Anda
Sekarang editor teks Anda terbuka, Anda dapat mulai menulis HTML Anda. Seperti yang Anda pelajari di pelajaran pertama kursus HTML & CSS, ada beberapa hal yang selalu ada dalam file HTML yang diformat dengan baik. Ini semuanya bersama lagi
My First Web Page!
Anda dapat menggunakan kerangka persis ini jika Anda suka. Cukup salin dan tempel ke editor teks Anda. Pastikan Anda menyertakan semuanya
Langkah 3. Simpan File Anda
Halaman web Anda sekarang sudah siap, tetapi saat ini hanya ada di dalam editor teks Anda. Langkah selanjutnya adalah menyimpan file ke komputer Anda. Jika Anda menutup editor teks sekarang tanpa menyimpan, halaman web baru Anda akan hilang. Ada beberapa hal penting yang perlu diingat ketika Anda menyimpan file tersebut
Gunakan ekstensi file HTML
- Gunakan ekstensi file HTML
.html
_, mis. e.about_me.html
- Jangan gunakan spasi atau karakter khusus apa pun dalam nama file. Gunakan garis bawah [_] atau tanda hubung [-] sebagai gantinya
- Putuskan di mana di komputer Anda Anda akan menyimpan file, dan pastikan untuk mengingat lokasinya
.html
_Ekstensi file adalah akhiran dari nama file, dan menjelaskan jenis file. Ekstensi file selalu berupa 3 atau 4 karakter terakhir dalam nama file, diawali dengan titik. Misalnya, ekstensi file HTML adalah
Jangan gunakan spasi atau karakter khusus apa pun dalam nama file.html
, dan memberi tahu browser [dan aplikasi lain] untuk menginterpretasikan konten file sebagai halaman web. Perhatikan bahwa pada laman web lama Anda mungkin melihat.htm
, tetapi ini kuno dan tidak lagi digunakanSaat memilih nama file, pertahankan agar tetap sederhana. Tetap berpegang pada angka dan huruf. Gunakan garis bawah [
Putuskan di mana di komputer Anda Anda akan menyimpan file_
] atau tanda hubung [-
] sebagai pengganti spasi. Abaikan tanda persen, garis miring, tanda tanya, tanda seru, koma, dan “karakter khusus” lainnya. Browser perlu menemukan file berdasarkan namanya, dan karakter khusus di dalam nama file dapat mengganggu proses tersebut. Nama file harus tetap sederhana dan harus mengikuti konvensi agar navigasi ke halaman web Anda lebih dapat diandalkanSetelah memilih nama file, pilih lokasi yang sesuai di sistem file Anda untuk menyimpan halaman web Anda. Merupakan praktik yang baik untuk membuat folder baru untuk menampung halaman web ini. Jika Anda membuat folder baru, gunakan konvensi penamaan yang sama yang diuraikan di atas untuk meminimalkan sakit kepala di masa mendatang. Hal terpenting saat memilih lokasi untuk menyimpan adalah mengingat di mana Anda menyimpannya. Jika Anda sudah menyimpannya tetapi Anda tidak ingat di mana, cukup klik
File > Save As...
, pilih lokasi baru untuk disimpan, dan pastikan untuk mengingat kali iniLangkah 4. Buka Halaman Web Anda di Browser Anda
Sekarang Anda siap untuk melihat halaman baru Anda di browser Anda. Pertama, buka browser Anda. Di menu atas, klik
File > Open File
. Arahkan ke lokasi Anda menyimpan halaman web Anda. Klik pada file halaman web Anda dan kemudian klik.html
0. Anda harus melihat halaman web AndaTinjauan
Dalam waktu singkat ini Anda belajar bagaimana mengambil apa yang Anda pelajari di Codecademy dan menggunakannya di komputer pribadi Anda sendiri. Anda juga belajar tentang ekstensi file, editor teks, dan menyimpan serta melihat file lokal. Sekarang Anda siap untuk menguji sendiri apa pun yang Anda pelajari di Codecademy, dan berlatih sendiri
HTML dikenal sebagai HyperText Markup Language. Ini adalah kombinasi dari bahasa Hypertext dan Markup. Di sini hypertext berarti tautan antara halaman web dan markup digunakan untuk menentukan dokumen teks di dalam tag yang menentukan struktur halaman web. Ini bertindak sebagai kerangka halaman web dan tanpa HTML akan sangat sulit atau tidak mungkin untuk membangun halaman web. Ini digunakan oleh semua browser dan digunakan untuk memanipulasi teks, gambar, dan konten lainnya, untuk menampilkannya dalam format yang diperlukan. Pada artikel ini, kita akan belajar cara membuat halaman web HTML
Membuat dokumen HTML
Langkah pertama membuat halaman web adalah membuat dokumen HTML. Dokumen HTML dapat dibuat di editor teks apa pun bahkan di notepad. Jadi editor teks apa pun dapat digunakan untuk membuat file Html. Kita hanya perlu menambahkan ekstensi. html /. htm. Mari kita buat program HTML dasar pertama
Untuk membuat dokumen HTML ikuti langkah-langkah berikut
Langkah 1. Buka editor teks Anda seperti Notepad Sublimetext, dll
Langkah 2. Tulis kode yang diberikan di bawah ini di editor teks
HTML
First HTML file
8
>
7>
________12______8
7
7
>
________12______8
7
title
0
title
1title
2>
7>
________12______8
7
title
8
title
1>First HTML fileFirst HTML fileFirst HTML file
7>
________12______8
7
________12______8
7
7
>
________12______8
7