Apa itu html tulis langkah-langkah membuat halaman web jelaskan dengan contoh?

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

  1. Gunakan ekstensi file HTML .html_, mis. e. about_me.html
  2. Jangan gunakan spasi atau karakter khusus apa pun dalam nama file. Gunakan garis bawah [_] atau tanda hubung [-] sebagai gantinya
  3. Putuskan di mana di komputer Anda Anda akan menyimpan file, dan pastikan untuk mengingat lokasinya
Gunakan ekstensi file HTML .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 .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 digunakan

Jangan gunakan spasi atau karakter khusus apa pun dalam nama file

Saat memilih nama file, pertahankan agar tetap sederhana. Tetap berpegang pada angka dan huruf. Gunakan garis bawah [_] 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 diandalkan

Putuskan di mana di komputer Anda Anda akan menyimpan file

Setelah 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 ini

Langkah 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 .html0. Anda harus melihat halaman web Anda

Tinjauan

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______877>

________12______87title0

title1title2>7>

________12______87title8

title1>First HTML fileFirst HTML fileFirst HTML file7>

________12______87

________12______877>

________12______87

Bài mới nhất

Chủ Đề