Sebuah website sebenarnya terdiri dari halaman-halaman web. Jika Anda ingin memahami apa itu website, Anda harus memahami terlebih dahulu apa itu halaman web?
(1) Halaman web sebenarnya adalah file di server. Saat kita menjelajahi halaman web, file ini akan diunduh ke komputer lokal kita, dan kemudian diurai oleh browser untuk menampilkan berbagai antarmuka yang indah, seperti tabel, gambar, dan judul. , daftar, dll.
(2) Ada banyak jenis sufiks untuk file halaman web, seperti .html, .php, .jsp, .asp, dll. Saya yakin semua orang pernah melihatnya di alamat browser.
(3) Namun apapun akhiran halaman webnya, intinya tetap sama, yaitu file teks biasa yang terdiri dari kode HTML.
(4) Kita dapat menggunakan Notepad, Notepad++, Sublime Text, dll untuk menulis kode.
(1) Situs web dapat dianggap sebagai folder yang ditempatkan di server, yang berisi banyak halaman web dan banyak subfolder.
(2) Saat pengguna mengakses situs web, dia membaca konten file. Saat pengguna berbagi data, dia mengubah konten file, menghapus file yang ada, atau membuat file baru.
Perangkat lunak penulisan yang paling umum digunakan saat ini adalah Visual Studio Code, dan kode masa depan juga akan ditulis dalam Visual Studio Code.
HTML adalah bahasa yang digunakan untuk mendeskripsikan halaman web. HTML adalah bahasa markup yang umum digunakan di Web. HTML memungkinkan Anda memformat teks, menambahkan gambar, membuat tautan, memasukkan formulir, bingkai dan tabel, dll., dan menyimpannya sebagai file teks, yang dapat dibaca dan ditampilkan oleh browser.
(1) HTML mengacu pada HyperText Markup Language: HyperText Markup Language
(2) HTML bukanlah bahasa pemrograman, melainkan bahasa markup
(3) Bahasa markup adalah sekumpulan tag markup
(4) HTML menggunakan tag markup untuk mendeskripsikan halaman web
(5) Dokumen HTML berisi tag HTML dan konten teks
(6) Dokumen HTML juga disebut halaman web
(1) Tag markup HTML sering disebut tag HTML
(2) Tag HTML adalah kata kunci <tag> yang dikelilingi tanda kurung siku
(3) Tag HTML biasanya muncul berpasangan <tag>konten</tag>
(4) Tag pertama pada pasangan tag adalah tag awal, dan tag kedua adalah tag akhir.
(5) Tag awal dan akhir disebut juga tag terbuka dan tag penutup
(1) Tag HTML dan elemen HTML biasanya menggambarkan arti yang sama
(2) Namun sebenarnya, elemen HTML berisi tag awal dan tag akhir
(1) Browser web (seperti Google Chrome, Internet Explorer, Firefox dan Safari) digunakan untuk membaca file HTML dan menampilkannya sebagai halaman web.
(2) Browser web tidak secara langsung menampilkan tag HTML, namun menggunakan tag untuk memutuskan bagaimana menampilkan konten halaman HTML kepada pengguna.
Selanjutnya mari kita pelajari struktur HTML melalui contoh HTML sederhana.
Catatan: Setelah memasukkan Visual Studio Code , ubah akhiran file baru menjadi .HTML, masukkan ! dan tekan Enter untuk membuat kerangka dasar.
Contoh HTMLnya adalah sebagai berikut:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=width=device-width,initial-scale=1.0><title>Dokumen</title></head><body>< /tubuh></html>
Contoh analisis:
● DOCTYPE adalah deklarasi tipe dokumen dari bahasa markup universal standar, yang membantu menampilkan halaman web dengan benar di browser. Deklarasi doctype tidak peka huruf besar-kecil.
●Tag <html> adalah elemen akar halaman HTML, dan tag akhir dari tag ini adalah </html>
●Tag <head> berisi metadata dokumen
●<meta charset=utf-8> mendefinisikan format pengkodean halaman web sebagai utf-8, yang dapat memecahkan masalah karakter Cina yang kacau di browser.
●Tag <title> mendefinisikan judul dokumen
●Tag <body> mendefinisikan bagian utama dokumen, yaitu konten halaman yang terlihat di halaman web. Tanda akhir dari tag ini adalah </body>