Semua tentang halaman web. Cara membuat halaman HTML: petunjuk langkah demi langkah, teknologi, dan rekomendasi

Sebuah website, sering disingkat situs, tidak lebih dari kumpulan halaman web yang saling berhubungan secara logis, atau hanya satu halaman. Halaman situs tersedia di Internet menggunakan protokol HTTP atau HTTPS. Sebuah website mempunyai tempat tersendiri di Internet, ditentukan oleh alamat pribadi masing-masing situs, yang biasa disebut URL. Setiap situs web memiliki pemiliknya; pemiliknya dapat berupa perorangan atau badan hukum.

Situs web terdiri dari halaman-halaman

Sebuah situs web terdiri dari halaman-halaman yang disatukan oleh URL root yang sama dan, sebagai suatu peraturan, memiliki kesamaan struktur logis, tema, desain (desain) dan perangkat teknis. Pada gilirannya, World Wide Web tidak lebih dari kumpulan semua situs web. Halaman web adalah file teks ditulis dalam bahasa markup hiperteks HTML atau XHTML.

Saat melihat halaman web, dalam program khusus yang disebut browser, file HTML diunduh ke komputer pengguna. Setelah dimuat, browser menampilkan halaman web di layar pengguna. Sebagai perangkat keras dapat digunakan untuk mengakses Internet untuk meninjau isi halaman web berbagai perangkat: komputer pribadi, PDA, beberapa model konsol permainan dan perangkat lainnya, semua perangkat ini mendukung standar bahasa HTML/ XHTML dan halaman web ditampilkan secara identik.

Bahasa HTML/XHTML memungkinkan untuk memformat halaman, menempatkan teks, hyperlink, tabel, gambar, dan objek lainnya di dalamnya. Meja gaya CSS, yang dapat digunakan di dokumen HTML memberi fitur tambahan untuk membuat penampilan halaman web.

JavaScript dan beberapa bahasa skrip lainnya

Anda juga dapat menggunakan JavaScript dan beberapa lainnya di halaman web. bahasa skrip didukung oleh browser, dan menambahkan interaktivitas ke dokumen web. Untuk komunikasi antar halaman web dalam suatu situs dan komunikasi antar situs web yang berbeda Web di Seluruh Dunia tautan hiperteks atau singkatnya hyperlink digunakan. Jika hyperlink digunakan untuk menghubungkan halaman-halaman dalam suatu situs, itu disebut tautan internal, dan jika menghubungkan situs yang berbeda, itu disebut tautan eksternal.

Halaman situs

Halaman di situs bisa bersifat statis, yaitu disimpan di server web sebagai file yang tidak dapat diubah, atau dapat bersifat dinamis, yaitu dibuat langsung di server program khusus, yang juga disebut mesin situs. Mesin situs dapat menyediakan set besar kemampuan untuk mengubah konten halaman web, menambahkan halaman web baru, dan melakukan tindakan lain untuk mengonfigurasi situs web dan mengedit informasi di dalamnya melalui antarmuka administrasi berbasis web, yang disebut sistem manajemen konten atau CMS.

Membuat situs web adalah proses padat karya yang menggabungkan pekerjaan berbagai spesialis: perancang web, pemrogram, perancang tata letak HTML, pengoptimal, manajer, jurnalis untuk mengisi situs dengan informasi, dll. Waktu dan biaya pembuatan situs web bergantung pada tingkat kerumitan proyek, strukturnya, dan kualitas desain.

Sedikit sejarah perkembangan website

Situs web pertama di dunia dibuat pada 6 Agustus 1991. Tim Berners-Lee dari Amerika memposting publikasi di situs web tentang Teknologi dunia Jaringan Luas. Dasar teknologi Seluruh Dunia Web adalah protokol transfer data HTTP, bahasa hiperteks markup HTML dan sistem pengalamatan URL. Situs ini juga menjelaskan prinsip-prinsip dasar Internet lainnya, seperti pengoperasian server, browser web, dll. Situs yang dibuat oleh Tim Berners-Lee ini juga menjadi direktori Internet pertama di dunia, karena... itu kemudian berisi tautan ke sumber lain di Internet.

Alat yang diperlukan agar situs dapat berfungsi bahkan telah disiapkan lebih awal; pada akhir tahun 1990, browser pertama muncul, yang disebut WorldWideWeb; browser ini juga menyertakan fungsi editor hypertext. Tim Berners-Lee juga menyiapkan web server pertama yang berbasis NeXTcube.

Ingin tahu cara membuat halaman HTML? Untuk melakukan ini, Anda perlu menghabiskan beberapa jam, dan Anda akan mengetahuinya Dan Anda dapat membuat halaman pertama Anda dalam 5 menit.

HTML adalah singkatan dari HyperText Markup Language. Diterjemahkan, ini berarti "bahasa markup hiperteks". Penting untuk dipahami bahwa HTML bukanlah bahasa pemrograman, melainkan bahasa markup situs.

Semua browser modern tahu bagaimana mengenalinya. Mereka kemudian menampilkan informasi dengan cara yang mudah digunakan, seperti yang dimaksudkan oleh penulis sebelumnya.

Bahasa ini menggunakan tag khusus. Setiap tag menjalankan fungsinya masing-masing. Ada banyak dari mereka. Idealnya, Anda perlu mempelajari segalanya. Tapi untuk pemula pengetahuan dasar cukup.

Dasar-dasar HTML

Sebelum Anda membuat halaman HTML, Anda perlu mengetahui terdiri dari apa. Ada dua konsep dalam bahasa ini: elemen dan tag.

Tag pembuka dan penutup digunakan untuk menunjukkan di mana elemen dimulai dan diakhiri. Ini terlihat seperti ini.

<открывающий тег>isi

Seperti yang Anda lihat, satu-satunya perbedaan antara tag pembuka dan penutup adalah "/".

Seluruh dokumen HTML adalah kumpulan elemen-elemen ini. Ada persyaratan tertentu untuk struktur dokumen. Semua konten halaman harus berada di antara dua tag Dan. Saat Anda menulis kode, biasakan untuk segera menyertakan tag pembuka dan penutup.

Ingat juga bahwa struktur bahasa HTML memiliki hierarki tersendiri. Kalau tidak, itu disebut bersarang. adalah yang paling penting, karena semua yang lain ada di dalamnya.

HTML memiliki dua elemen anak:

  • ... ;
  • .. .

Blok HEAD menunjukkan berbagai informasi layanan. Informasi ini tidak ditampilkan di browser. Misalnya, instruksi untuk pengembang, untuk program apa pun, untuk robot, dan masih banyak lagi.

Yang terpenting tidak ada konten di sini.

Bagian BODY menentukan konten dokumen yang akan ditampilkan kepada pengguna.

Pelajari cara segera membuat tag terbuka dan tertutup, karena mungkin ada 10 elemen bersarang. Selain itu, untuk kenyamanan, disarankan untuk membuat indentasi tag bersarang. Misalnya saja seperti ini.

Hal ini dilakukan agar tag yang sama pentingnya berada pada level yang sama, dan tag anak berada “di dalam”. Hal ini membuatnya lebih mudah untuk memahami dan menemukan bagian kode yang tepat. Jika tidak, Anda mungkin akan bingung. Namun untuk menghemat ruang, bodinya sendiri bisa dibuat tanpa lekukan. Hal ini dilakukan agar orang lain tidak memiliki lekukan yang tidak perlu. Dianjurkan untuk memisahkan yang lainnya.

Cara membuat halaman HTML sederhana

Untuk menulis kode, Anda memerlukan semacam editor. Ada banyak dari mereka. Yang populer adalah Notepad++ dan Adobe Dreamweaver. Anda juga bisa menggunakan buku catatan.

Seperti inilah tampilan editor Notepad++.

Ini adalah editor yang sangat nyaman dan sekaligus gratis. Adobe Dreamweaver di atas merupakan versi berbayar. Perbedaan antara editor yang dirancang untuk menulis dan notepad adalah tag khusus yang disorot. Jika tidak disorot, berarti Anda salah menulisnya.

Agar lampu latar cocok dengan bahasa, itu harus ditentukan dalam pengaturan.

Mari kita lihat cara membuatnya halaman HTML di buku catatan. Artinya, mari kita selesaikan bagian teknisnya lalu langsung melanjutkan ke mempelajari tag.

Cara Membuat Halaman Web di Notepad HTML

Untuk memulai, buka notepad.

Kemudian ketik apa yang ditunjukkan pada tangkapan layar berikut.

Biasakan menulis dengan tangan daripada hanya menyalin. Saat Anda menulis dengan tangan, Anda sebaiknya mengingat seluruh dasar tag.

Setelah ini, Anda dapat membuka file di browser dan mengagumi hasilnya. Anda sekarang harus memahami cara membuat halaman web di notepad HTML.

Konsorsium Sedunia W3C

Ada sebuah organisasi bernama W3C, yang mengembangkan dan menerapkan semua standar Internet. Semua browser mematuhi standar ini dan memproses markup halaman (kode) sesuai dengan aturan ini.

Di situs resmi pengembang bahasa HTML Anda dapat menemukan tabel dengan semua tag dan aturan penggunaannya. Pada artikel ini kami akan mempertimbangkan yang paling mendasar.

Anda mungkin berpikir, apa aturannya? Semua tag yang dijelaskan memiliki rekomendasinya sendiri. Ada beberapa di antaranya:

  • Label opsional.
  • Terlarang.
  • Label kosong.
  • Kedaluwarsa
  • Hilang.

Tag dalam HTML

Sebelum Anda membuat halaman HTML, Anda perlu memahami apa yang harus ada di bagian layanan HEAD.

Area HEAD berisi tag wajib dan opsional. Tag yang diperlukan adalah judul. Itu ditunjuk Menuju. Itu ditugaskan ke seluruh dokumen. Dan apa yang Anda lihat di hasilnya mesin pencari Google adalah tag judulnya.

Mari beralih ke bagian BODY. Ada elemen yang ditampilkan di browser, ada juga yang tidak. Misalnya, komentar tidak ditampilkan kepada pengguna. Mereka dapat digunakan untuk mencatat atau memberi petunjuk kepada karyawan lain jika Anda bekerja dalam tim.

Mereka ditunjuk sebagai

Segala sesuatu di antaranya, dianggap oleh program seperti itu. Harap dicatat bahwa Anda tidak dapat menyarangkan tag komentar di dalam tag komentar lain. Karena begitu Anda membukanya.

Contoh sarang tersebut:

lanjutan dari komentar pertama -->

Hasil di browser adalah sebagai berikut

lanjutan dari komentar pertama -->

Ini sepotong tidak akan terlihat. Tag pembuka kedua