Tag tabel memulai deskripsi tabel dan dapat memiliki parameter berikut:

border—menentukan ketebalan batas tabel. Jika nilai nol ditentukan, frame tidak ditampilkan. Jika parameter ini tidak ditentukan, nilainya dianggap nol (tidak ada bingkai yang ditampilkan).

width, height - menentukan dimensi tabel jika harus di-hardcode.

align - menentukan bagaimana tabel harus disejajarkan: kanan, kiri, atau tengah halaman.

spasi sel adalah jumlah titik antar sel individual dalam tabel.

cellpadding - jumlah titik antara batas dan isi sel.

Menggunakan tag

Jika Anda perlu menyetel judul SELURUH tabel, gunakan tag .... Itu harus ada di dalam tag

align - menunjukkan posisi header: bisa di atas atau bawah tabel.

Bingkai (bingkai)

Alat bantu visual yang ampuh adalah apa yang disebut bingkai. Dengan bantuan bingkai, area tampilan browser dapat dibagi menjadi beberapa bagian terpisah yang berisi dokumen berbeda. Dalam hal ini, dimungkinkan untuk mengatur koneksi antar frame sehingga memilih link dalam satu frame dapat menyebabkan tampilan dokumen yang diminta di frame lain. Hal ini memungkinkan Anda membuat dokumen yang sangat mudah digunakan (jika digunakan secara tidak benar, Anda juga dapat membuat dokumen yang sangat merepotkan). Bingkai saat ini didukung di browser versi terbaru seperti netscape navigator (dari versi 2.0) dan ms internet explorer (versi 3.0 dan lebih tinggi), namun penggunaan bingkai semakin populer, dan sepertinya akan ada lebih banyak lagi yang ditambahkan ke dalamnya. browser segera.

Kerangka dijelaskan dalam dokumen HTML khusus yang disebut Dokumen Deskripsi Kerangka. Dokumen ini berisi uraian tentang jumlah, ukuran dan posisi bingkai, serta URL isinya. Anda tidak dapat mencoba memasukkan isi bingkai ke dalam deskripsi; bingkai tersebut harus berada dalam dokumen terpisah.

Saat mendeskripsikan sebuah bingkai, tag diganti dengan tag

deskripsi isi frame

Tag akan diabaikan oleh browser jika diawali dengan tag apa pun yang biasanya ditemukan di dalam file . Tag dapat disarangkan, yang memungkinkan, seperti yang akan dilihat Pembaca nanti, untuk membuat struktur yang sangat kompleks. Parameter tag dapat berupa berikut ini:

row="x1,x2,... or x1%,x2%,... or x1*,x2*,..." - parameter ini mendeskripsikan bingkai sebagai baris dengan ketinggian berbeda. Ketinggian bingkai ditentukan oleh daftar nilai yang dipisahkan koma. Ketinggian diukur dalam poin, sebagai persentase dari total tinggi area tampilan, atau sebagai nilai relatif. Jumlah tinggi semua bingkai harus sama dengan tinggi seluruh area tampilan. Jika ini tidak terjadi, browser akan menyesuaikan nilainya sendiri.

cols="x1,x2,... or x1%,x2%,... or *" - digunakan untuk menggambarkan bingkai sebagai kolom dengan lebar yang bervariasi. Digunakan dengan cara yang sama seperti parameter baris.

akan mengatur dua bingkai horizontal, dengan bingkai pertama (atas) tiga kali lebih tinggi dari bingkai kedua (bawah).

akan menentukan tiga bingkai horizontal, dengan bingkai pertama (atas) memiliki tinggi 100 pts, bingkai ketiga (bawah) memiliki tinggi 50 pts, dan bingkai kedua (tengah) menempati seluruh ruang yang tersisa.

akan menentukan dua bingkai vertikal, dengan bingkai pertama (kiri) memiliki lebar 70% dari total lebar area tampilan, dan bingkai kedua (kanan) - 30%.

Tag digunakan untuk mengatur isi frame. Parameternya bisa sebagai berikut:

src - menentukan url dokumen yang harus ditampilkan dalam bingkai. Jika parameter tidak ditentukan, frame akan tetap kosong.

nama - nilai parameter ini menentukan nama bingkai. Selanjutnya, frame dapat direferensikan dengan nama ini menggunakan parameter tag target .

bergulir - menunjukkan apakah isi dokumen dalam bingkai dapat digulir. Dapat mengambil nilai-nilai berikut:

ya—isi bingkai DAPAT di-scroll.

tidak—isi bingkai tidak dapat digulir.

otomatis - browser memutuskan apakah akan menampilkan bilah gulir atau tidak (berdasarkan panjang dokumen). Nilai ini digunakan secara default.

noresize - jika parameter ini ditentukan, pengguna tidak akan dapat mengubah ukuran bingkai. Secara default, pengguna BISA mengubah ukuran bingkai yang ditampilkan (misalnya, dengan menyeret batas bingkai dengan alat penunjuk).

marginwiph - menunjukkan jumlah margin horizontal di dalam bingkai.

marginheight - menunjukkan jumlah margin vertikal di dalam bingkai.

memberi nama bingkai myframe1 dan menampilkan file1.html di dalamnya, tanpa bilah gulir yang ditampilkan, lebar padding horizontal diatur ke 5 poin, dan pengguna bebas mengubah ukuran bingkai.

Contoh lebih lengkap:

kira-kira sesuai dengan tata letak bingkai berikut di area tampilan:

Contoh tata letak bingkai

Apa yang terjadi jika browser tidak memahami frameworknya? Pengguna melihat layar yang benar-benar kosong dan tidak dapat memperoleh informasi yang dia butuhkan. Bagaimana cara memastikan bahwa situasi seperti itu tidak terjadi? Pengembang ekstensi mengantisipasi situasi ini dan menghasilkan tag yang isinya tidak pernah ditampilkan di browser yang memahami kerangka kerja, sementara browser "bodoh", melihat tag yang tidak dikenal, akan dengan jujur ​​​​menampilkan kontennya tanpa menggunakan trik apa pun. Tag ini disebut

Untuk mengatur koneksi antar frame, pengembang telah menyediakan parameter target untuk tag tersebut . Ini juga dapat digunakan dalam , dan tag.

Gambar yang Dipetakan

Sarana yang sangat ampuh untuk mengatur tautan hypertext adalah apa yang disebut “gambar yang dipetakan” (imagemaps). Ini adalah gambar dengan area sensitif, yaitu menyorot bagian berbeda dari gambar dengan alat penunjuk menghasilkan pergerakan melalui hypertext ke "arah" yang berbeda.

Ada dua jenis gambar yang dipetakan: diproses di server (sisi server) atau di klien (sisi klien).

Untuk membuat peta di sisi klien, tag html disebut . Sintaks tagnya adalah:

dimana parameter tagnya bisa seperti ini:

shape - Mendefinisikan bentuk area aktif untuk peta. Dapat mengambil nilai persegi, lingkaran, poli, default, masing-masing sesuai dengan area persegi panjang, lingkaran, poligonal, dan default. Semua jenis area, kecuali default, memerlukan penentuan koordinat dalam atribut coords.

coords - menentukan koordinat area. Tergantung pada jenis luasnya, bentuknya mungkin sebagai berikut: untuk persegi panjang—nilai koordinat sudut kiri atas dan kanan bawah, (“x1,y1,x2,y2”); untuk lingkaran—koordinat pusat dan jari-jari (“x,y,r”); untuk poligonal—daftar koordinat titik (“x1,y1,x2,y2,x3,y3,…”);

href - mendefinisikan url yang dirujuk oleh area ini.

noref - menunjukkan bahwa area tersebut "mati", yaitu tidak ada tautan yang tersembunyi di baliknya.

Untuk menggunakan peta lokal pada gambar di parameter usemap tag Anda harus menentukan nama kartu. Misalnya:

tinggi=”480″ usemap=”#petasaya”>

akan memberikan kira-kira peta berikut pada gambar:

Contoh peta pada gambar

Untuk membuat kartu yang diproses di server, diperlukan intervensi administratif, karena file konfigurasi di server harus diubah untuk modul cgi untuk memproses informasi dari kartu.

Saat menggunakan server web yang berbeda, format deskripsi peta di server mungkin berbeda. Dua format paling umum berasal dari server http ncsa dan cern. Mari kita beri contoh penggunaan kartu dengan server httpd ncsa.

Di sisi server, file (misalnya) /usr/local/etc/httpd/conf/imagemap.conf:

# ini adalah peta untuk server ncsa

test_map: /home/joe/public_html/maps/test.map

Anda dapat menggunakan kartu ini seperti ini:

tinggi=200 ismap>

Formulir

Untuk apa formulir itu?

Formulir adalah alat dimana dokumen HTML dapat mengirimkan beberapa informasi ke beberapa titik yang telah ditentukan di dunia luar, di mana informasi tersebut akan diproses dengan cara tertentu.

Jauh lebih mudah untuk membuat formulir daripada “titik di dunia luar” yang menjadi tujuan pengiriman informasi oleh formulir. Dalam kebanyakan kasus, “titik” tersebut adalah program yang ditulis dalam Perl atau C. Program yang memproses data yang dikirimkan melalui formulir sering disebut skrip CGI. Akronim CGI adalah singkatan dari Common Gateways Interface. Menulis skrip CGI dalam banyak kasus memerlukan pengetahuan yang baik tentang bahasa pemrograman yang sesuai dan kemampuan sistem operasi Unix.

Baru-baru ini, bahasa PHP/FI telah mendapatkan popularitas, instruksinya dapat disematkan langsung ke dalam dokumen HTML (dokumen disimpan sebagai file dengan ekstensi *.pht atau *.php).

Formulir meneruskan informasi ke program pengendali dalam bentuk pasangan [nama variabel]=[nilai variabel]. Nama variabel harus ditentukan dalam huruf Latin. Nilai variabel diperlakukan sebagai string oleh penangan, meskipun hanya berisi angka.

Cara kerja formulir

Formulir dibuka dengan label dan diakhiri dengan label. Sebuah dokumen HTML dapat berisi beberapa formulir, namun formulir tersebut tidak boleh ditempatkan satu di dalam yang lain. Teks HTML, termasuk label, dapat ditempatkan di dalam formulir tanpa batasan.

Label dapat berisi tiga atribut, salah satunya wajib diisi. Ini adalah atributnya:

Atribut yang diperlukan. Menentukan di mana pengendali formulir berada.

Menentukan bagaimana (dengan kata lain, menggunakan metode protokol transfer hypertext yang mana) data dari formulir akan ditransfer ke handler. Nilai yang valid adalah METHOD=POST dan METHOD=GET. Jika nilai atribut tidak disetel, METHOD=GET diasumsikan secara default.

Menentukan bagaimana data dari formulir akan dikodekan untuk dikirim ke handler. Jika nilai atribut tidak disetel, nilai defaultnya adalah ENCTYPE=application/x-www-form-urlencoded.

Bentuk paling sederhana

Untuk memulai proses pemindahan data dari form ke handler, diperlukan semacam kontrol. Membuat badan kontrol seperti itu sangat sederhana:

Setelah menemui garis seperti itu di dalam formulir, browser akan menggambar tombol di layar dengan tulisan Kirim (baca “kirim” dengan penekanan pada suku kata kedua, dari bahasa Inggris “kirim”), ketika diklik, semua data tersedia di formulir akan ditransfer ke pengendali yang ditentukan dalam label.

Tulisan pada tombol dapat diatur sesuka hati dengan memasukkan atribut VALUE=”[Inskripsi]” (dibaca “nilai” dengan penekanan pada suku kata pertama, dari bahasa Inggris “nilai”), misalnya:

Sekarang kita cukup tahu untuk menulis bentuk yang paling sederhana. Itu tidak akan mengumpulkan data apa pun, tetapi hanya akan mengembalikan Anda ke bagian atas halaman.

Contoh 11

Bentuk paling sederhana

Tulisan yang ditempatkan pada tombol, jika perlu, dapat diteruskan ke handler dengan memasukkan atribut NAME=[name] ke dalam definisi tombol (baca “name”, dari bahasa Inggris “name”), misalnya:

Saat Anda mengklik tombol tersebut, handler, bersama dengan semua data lainnya, akan menerima variabel tombol dengan nilai Ayo berangkat!.

Formulir dapat memiliki beberapa tombol kirim dengan nama dan/atau nilai berbeda. Oleh karena itu, handler dapat bertindak berbeda tergantung pada tombol kirim mana yang diklik pengguna.

Bagaimana formulir mengumpulkan data

Ada jenis elemen lainnya. Setiap elemen harus menyertakan atribut NAME=[name] yang menentukan nama elemen (dan, lebih jauh lagi, nama variabel yang akan diteruskan ke handler). Nama harus dicantumkan dalam huruf latin saja. Sebagian besar elemen harus menyertakan atribut VALUE="[value]" yang menentukan nilai yang akan diteruskan ke pengendali dengan nama tersebut. Namun, untuk elemen dan , atribut ini tidak diperlukan, karena nilai variabel terkait dapat dimasukkan oleh pengguna dari keyboard.

Jenis elemen utama:

Mendefinisikan jendela untuk memasukkan sebaris teks. Mungkin berisi atribut tambahan SIZE=[number] (lebar jendela input dalam karakter) dan MAXLENGTH=[number] (panjang maksimum string input dalam karakter yang diperbolehkan). Contoh:

Mendefinisikan jendela selebar 20 karakter untuk entri teks. Secara default, jendela berisi teks Ivan, yang dapat diedit pengguna. Teks yang diedit (atau belum diedit) diteruskan ke handler di variabel pengguna.

Mendefinisikan jendela untuk memasukkan kata sandi. Benar-benar mirip dengan jenis teks, hanya saja alih-alih simbol teks yang dimasukkan, ia menampilkan tanda bintang (*) di layar. Contoh:

Mendefinisikan jendela selebar 20 karakter untuk memasukkan kata sandi. Panjang kata sandi maksimum yang diperbolehkan adalah 10 karakter. Kata sandi yang dimasukkan diteruskan ke handler dalam variabel pw.

Mendefinisikan tombol radio. Mungkin berisi atribut tambahan yang dicentang (menunjukkan bahwa tombol tersebut dicentang). Dalam sekelompok tombol radio dengan nama yang sama, hanya boleh ada satu tombol radio berlabel. Contoh:

9600bps

14400bps

28800bps

Mendefinisikan sekelompok tiga tombol radio berlabel 9600 bps, 14400 bps, dan 28800 bps. Tombol pertama awalnya diberi label. Jika pengguna tidak mencentang tombol lain, variabel modem dengan nilai 9600 akan diteruskan ke handler. Jika pengguna mencentang tombol lain, variabel modem dengan nilai 14400 atau 28800 akan diteruskan ke handler.

Mendefinisikan persegi di mana tanda dapat dibuat. Mungkin berisi atribut tambahan yang dicentang (menunjukkan bahwa kotak dicentang). Tidak seperti tombol radio, sekelompok kotak dengan nama yang sama dapat memiliki beberapa kotak berlabel. Contoh:

Komputer pribadi

Stasiun Kerja

Server jaringan lokal

Server Internet

Mendefinisikan sekelompok empat kotak. Kotak kedua dan keempat awalnya ditandai. Jika pengguna tidak membuat perubahan, dua variabel akan diteruskan ke handler: comp=WS dan comp=IS.

Mendefinisikan elemen data tersembunyi yang tidak terlihat oleh pengguna saat mengisi formulir dan diteruskan ke handler tanpa perubahan. Terkadang berguna untuk memiliki elemen seperti itu pada formulir yang didesain ulang dari waktu ke waktu sehingga pawang mengetahui versi formulir mana yang sedang ditangani. Anda dapat dengan mudah menemukan sendiri kemungkinan kegunaan lain. Contoh:

Mendefinisikan variabel versi tersembunyi yang diteruskan ke handler dengan nilai 1.1.

Mendefinisikan tombol yang, ketika diklik, mengembalikan formulir ke keadaan semula. Karena tidak ada data yang diteruskan ke pengendali saat menggunakan tombol ini, tombol reset mungkin tidak memiliki atribut nama. Contoh:

Mendefinisikan tombol Hapus Bidang Formulir, yang bila diklik, akan mengembalikan formulir ke keadaan semula.

Selain elemen, formulir dapat berisi menu dan kolom input teks.

Menu n item terlihat seperti ini:

[Teks 1]

[teks 2]

[teks n]

Seperti yang Anda lihat, menu dimulai dengan label dan diakhiri dengan label. Label berisi atribut NAME yang diperlukan, yang menentukan nama variabel yang dihasilkan menu.

Label juga dapat berisi atribut MULTIPLE, yang keberadaannya menunjukkan bahwa beberapa item dapat dipilih dari menu. Kebanyakan browser menampilkan menu sebagai jendela yang berisi item menu (ketinggian jendela dalam baris dapat diatur dengan atribut SIZE=[number]). Menu dalam banyak kasus ditampilkan sebagai menu drop-down.

Label mengidentifikasi item menu. Atribut VALUE yang diperlukan menetapkan nilai yang akan diteruskan ke pengendali jika item menu ini dipilih. Label mungkin menyertakan atribut yang dicentang yang menunjukkan bahwa elemen tersebut dicentang secara default.

Mari kita lihat contoh kecilnya.

Pilihan 1

Pilihan 2

Pilihan 3

Fragmen ini mendefinisikan menu yang terdiri dari tiga elemen: Opsi 1, Opsi 2, dan Opsi 3. Secara default, elemen Opsi 1 dipilih. Pengendali akan meneruskan variabel pilihan yang nilainya dapat berupa opsi1 (default), opsi2, atau opsi3.

Setelah semua yang kita pelajari sejauh ini, elemennya mungkin terlihat cukup sederhana. Misalnya:

Dan ini alamatmu...

Semua atribut diperlukan. Atribut NAME mendefinisikan nama yang akan digunakan untuk meneruskan konten jendela ke handler (dalam contoh, alamat). Atribut ROWS menyetel tinggi jendela dalam baris (5 pada contoh). Atribut COLS menyetel lebar jendela dalam karakter (50 pada contoh).

Teks yang ditempatkan di antara label dan mewakili konten default jendela. Pengguna dapat mengeditnya atau menghapusnya.

Penting untuk diketahui bahwa huruf Rusia di jendela, ketika diteruskan ke handler, dapat diubah menjadi objek karakter yang sesuai.

Karakter dan komentar khusus

Karakter khusus

Beberapa simbol yang umum digunakan tidak mempunyai tempat pada keyboard, seperti ikon ©. Lainnya ditafsirkan oleh browser sebagai urutan perintah, seperti tanda kurung sudut yang mengapit tag bahasa HTML. Tentunya, harus ada cara untuk mengetikkan karakter tersebut ke dalam teks. Dalam html ada sekumpulan urutan makro yang diubah oleh browser menjadi karakter "non-cetak" yang sesuai. Jelasnya, tidak semua font memiliki karakter lengkap, dan browser tidak akan dapat menampilkannya dengan benar di semua situasi. Namun untuk mendeskripsikan dokumen secara lengkap, semua karakter khusus harus dikodekan dengan benar. Berikut adalah daftar karakter khusus dan makro bahasa yang terkait dengannya.

Karakter khusus

Komentar

Seperti bahasa pemrograman lainnya, html memiliki cara untuk mengomentari sebagian teks agar tidak diproses oleh browser. Komentar diapit di antara urutan< ! — — и — — >. Contoh komentar:

Kiat untuk mengembangkan dan menghosting halaman HTML

Aturan sopan santun saat mengembangkan dokumen HTML

Produsen browser sering kali menambahkan dukungan untuk tag pada kreasi mereka yang tidak disertakan dalam spesifikasi HTML saat ini. Inilah sebabnya mengapa terkadang Anda dapat menemukan halaman yang dioptimalkan untuk browser tertentu. Menurut pendapat saya, ini bukanlah pendekatan terbaik. Namun, seperti yang dikatakan Ray Bradbury, satu-satunya cara untuk membuat penulis tidak menulis adalah dengan Colt .45. Dan penulis menulis...

Jangan terlalu percaya pada editor visual HTML

Ingatlah bahwa sebagian besar editor HTML visual, meskipun umumnya berfungsi dengan benar, memiliki kekurangan kecil (dan terkadang besar). Hal ini sebagian disebabkan oleh fakta bahwa HTML tidak dirancang untuk pengembangan otomatis sejak awal.

Jangan masukkan atribut yang nilainya ingin Anda samakan dengan default

Ini meningkatkan ukuran file Anda dan menyebabkan banyak pekerjaan ekstra.

Gunakan atribut face hanya ketika Anda membutuhkan font khusus.

Gunakan hierarki judul yang bijaksana

Ingatlah bahwa dokumen Anda akan dibaca lebih baik jika memiliki pembagian yang jelas menjadi beberapa bagian dan subbagian. HTML menyediakan enam tingkat judul yang dapat Anda gunakan. Manfaatkan kekayaan ini dengan membuat dokumen yang mudah dibaca dengan struktur intuitif.

Pantau sarang label

Browser modern mampu menangani label bersarang dengan benar. Misalnya, berikut adalah potongan teks HTML

font miring tebal

Sebagian besar browser akan menampilkannya dengan baik sebagai font miring tebal. Harap dicatat - tag … dalam fragmen ini ada di dalam tanda.... Dengan kata lain, tanda-tanda tersebut bersarang satu sama lain.

Namun browser akan menjadi sangat sulit dioperasikan jika nestingnya rusak, misalnya:

sarang label rusak

Kepatuhan terhadap sarang adalah bagian yang sangat penting dari budaya umum penulisan teks HTML.

Berikan teks alternatif saat menyertakan gambar dalam dokumen

Harap dicatat bahwa pengguna dapat menonaktifkan pemuatan gambar secara otomatis. Jangan malas untuk memberi tahu pengguna apa sebenarnya yang tidak dia lihat. Hal ini sangat penting ketika gambar merupakan link hypertext.

Saat mengembangkan dokumen besar, buatlah daftar isi

Saat menulis dokumen besar, akan sangat berguna untuk menempatkan daftar isi di awal dokumen dengan link hypertext ke bagian. Hal ini dapat memudahkan pengguna dalam bekerja dengan dokumen tersebut, terutama jika dokumen tersebut untuk tujuan referensi.

Pikirkan tentang navigasi Anda dengan baik

Coba bayangkan pengguna tidak memiliki tombol Kembali. Pikirkan tentang bagaimana memberikan kebebasan bergerak yang diperlukan pengguna dalam kasus ini. Ini akan membantu Anda mendesain koleksi dokumen HTML yang mudah digunakan.

Kesalahan HTML umum

Kesalahan umum akan dibahas menggunakan kode halaman ini sebagai contoh:

Halaman Beranda

"Halo!"

Ini adalah fotoku ketika berumur 15 tahun.

Tautan saya.

Dalam HTML, semua yang Anda tulis dalam dokumen HTML akan ditampilkan di layar browser sebagai teks padat, yaitu browser mengabaikan jeda baris, dan beberapa spasi yang Anda ketik dalam satu baris diganti dengan satu spasi.

Tag adalah perintah kontrol yang diciptakan untuk memformat teks, mis. tag memberi tahu browser dengan tepat cara menampilkan bagian teks yang disertakan dalam tag. Untuk membuat tag, Anda memasukkan kode HTML di antara tanda kurung siku, yang ditujukan untuk browser saja. Pengunjung situs tidak melihat tag.

Seperti disebutkan di atas, semua tag dimulai dengan tanda kurung sudut< и заканчиваются угловой скобкой >. Tanda kurung siku pembuka diikuti dengan nama tag (perintah).

Misalnya, tag dimaksudkan untuk menekankan teks; browser menampilkan teks tersebut dalam huruf miring. Saat browser menemukan tag ini, browser beralih ke memformat teks yang mengikuti tag dalam font miring.

Mari kita lihat sebuah contoh:

Teks ini normal. Teks ini dicetak miring.

Tag tersebut dinamakan tag awal atau pembuka yang artinya browser telah menyertakan perintah tertentu (dalam hal ini penulisannya dicetak miring). Kebanyakan tag memiliki pasangan berupa tag penutup yang menonaktifkan perintah.

Tag penutup terlihat sama dengan tag awal, namun diawali dengan garis miring. Jadi, tag akhir untuk huruf miring adalah .

Mari kita lihat sebuah contoh:

Teks ini normal. Perhatian! Huruf miring. Ini lagi-lagi font biasa.

Seperti yang mungkin Anda ketahui, browser secara berurutan menganalisis dokumen HTML untuk mencari perintah (tag) dan menerapkan atau menonaktifkan berbagai opsi pemformatan teks. Browser menampilkan teks yang diformat (segala sesuatu yang bukan tag) di jendelanya.

Di bawah ini adalah contoh tag HTML dasar, beserta penjelasan penggunaannya, serta contoh penggunaannya dalam dokumen HTML.

Ada tag khusus untuk menentukan judul dalam HTML. Ada 6 tingkatan judul dalam HTML, mulai dari pengumuman yang paling penting, hingga yang paling tidak penting.

Kami sudah menemukan jawabannya. Kami menemukan bahwa mereka memiliki konten. Namun, bukan itu saja. Tag juga memiliki atribut yang meningkatkan kemampuannya, dan atribut pada gilirannya memiliki nilai. Dengan bantuan mereka, Anda dapat mengatur parameter elemen dan menentukan gaya desain. Misalnya dengan tag

Anda telah menandai paragraf tersebut. Tapi bagaimana cara membuatnya sejajar ke kanan? Untuk melakukan ini, Anda memerlukan atribut tertentu dengan nilai yang sesuai. Sama seperti beberapa tag yang tidak memiliki pasangan, beberapa atribut dapat digunakan tanpa nilai.

Atribut adalah kata-kata yang dicadangkan (seperti tag, hanya saja tanpa tanda kurung siku), tetapi maknanya bisa berbeda. Sama seperti tag, disarankan untuk menulis atribut dengan nilai dalam huruf kecil, meskipun browser secara umum tidak peduli - ini hanya aturan sopan santun: dalam bahasa Rusia, JUGA TIDAK DIGUNAKAN UNTUK MENULIS SAAT CAPS LOCK DIAKTIFKAN. Mengapa HTML lebih buruk?

Nilai atribut ditulis dalam format berikut:

Atribut=”nilai” lang=”en”

Anda harus selalu menulis atribut di dalam tag pembuka, setelah kata yang dicadangkan.

Ayat

Biasanya ada beberapa atribut yang tersedia untuk satu tag. Tidak masalah dalam urutan apa mereka dicantumkan.

Setiap tag HTML memiliki serangkaian atributnya sendiri. Beberapa atribut mungkin tersedia untuk beberapa tag, sementara atribut lainnya mungkin hanya berfungsi dengan satu tag. Ada juga sekelompok atribut universal (global) yang dapat digunakan dengan tag apa pun. Mari kita lihat secara singkat atribut dari kategori ini.

• accesskey memungkinkan Anda mengatur pintasan keyboard untuk mengakses objek halaman tertentu. Misalnya, Anda dapat memastikan bahwa pengguna menggunakan kombinasi tombol Alt+1 untuk mengikuti tautan tertentu. Oleh karena itu, kembangkan sistem navigasi utama.

Nilai atribut dapat berupa angka 0-9 atau huruf alfabet latin:

Tautan akan dibuka dengan menekan kombinasi tombol dengan satu

• kelas memungkinkan Anda mengaitkan tag dengan desain yang telah ditentukan sebelumnya menggunakan CSS. Menggunakan atribut memungkinkan Anda mengurangi kode secara signifikan, karena alih-alih memasukkan blok CSS yang sama berulang kali, Anda cukup memasukkan nama kelas yang sesuai.
• Dengan menggunakan contenteditable, Anda dapat mengizinkan pengguna untuk mengedit elemen apa pun di halaman HTML: menghapus, menyisipkan, mengubah teks. Atribut yang sama memungkinkan untuk mengedit dan menonaktifkan. Ini hanya memiliki dua nilai: benar - izinkan pengeditan, salah - nonaktifkan.
• Dengan menggunakan atribut menu konteks, Anda dapat menyediakan elemen dokumen apa pun dengan item menu konteks unik sesuai kebijaksanaan Anda. Menu itu sendiri dibuat dalam tag, dan atribut menu konteks diberi pengidentifikasinya.
• dir menentukan arah teks: kiri ke kanan (ltr) atau kanan ke kiri (rtl).
• draggable memungkinkan Anda untuk menonaktifkan (salah) atau mengizinkan (benar) pengguna untuk menyeret elemen halaman yang dilengkapi dengan atribut ini.
• dropzone memberi tahu browser apa yang harus dilakukan dengan elemen yang dijatuhkan: salin (salinan nilai), pindahkan (pindahkan) atau buat tautan ke sana (tautan).
• tersembunyi - atribut yang memungkinkan Anda menyembunyikan konten suatu elemen agar tidak ditampilkan di browser. Jika atribut disetel ke false, objek ditampilkan, true - disembunyikan.
• id menentukan pengidentifikasi elemen - semacam nama yang diperlukan untuk sekadar mengubah gaya objek, serta agar skrip dapat mengaksesnya. Nilai atribut akan menjadi namanya. Harus diawali dengan huruf Latin, dan dapat berisi angka, huruf alfabet Latin yang sama (besar dan kecil), serta tanda hubung (-) dan garis bawah (_). Tidak boleh berisi huruf Rusia.
• lang membantu browser memahami bahasa apa yang digunakan untuk menulis konten dan menata gayanya sesuai (misalnya, bahasa mungkin menggunakan tanda kutip yang berbeda). Nilainya adalah kode bahasa (Rusia - ru, Inggris - en, dll.).
• pemeriksaan ejaan mengaktifkan pemeriksaan ejaan (benar) atau menonaktifkan pemeriksaan ejaan (salah). Sangat berguna untuk menggunakan atribut dalam tag bidang formulir tempat pengguna akan memasukkan teks.
• style memungkinkan Anda mengatur desain suatu elemen menggunakan kode CSS.
• tabindex memungkinkan Anda menentukan berapa kali pengguna harus menekan tombol Tab agar objek dengan atribut tersebut dapat menerima fokus. Jumlah klik menentukan nilai atribut - bilangan bulat positif.
• title - keterangan alat yang akan muncul jika Anda menggerakkan mouse ke atas suatu elemen dan membiarkannya tidak bergerak untuk beberapa saat. Garis maknanya akan menjadi petunjuk.

• Translate mengizinkan (ya) atau menolak (tidak) penerjemahan isi tag.
• align menentukan perataan elemen. Misalnya, Anda dapat menggunakannya untuk meratakan teks ke kiri (kiri), kanan, tengah, atau rata. Untuk gambar (tag ) dimungkinkan juga untuk menyelaraskan ke batas atas elemen garis tertinggi (atas), ke batas bawah (bawah), dan nilai tengah membuat garis tengah gambar bertepatan dengan garis dasar garis.

Perlu diingat bahwa tidak disarankan menggunakan atribut align, dan lebih baik menyelaraskan teks menggunakan CSS.

Sebagai contoh, perhatikan baris kode HTML:

Teks ini dapat diedit

Seluruh baris membuat paragraf teks yang dapat diedit pengguna di browser.

Mari kita lihat setiap elemen garis.

- tag pembuka wadah penyimpanan paragraf.

Di antara simbol > dan< расположен текст Этот текст можно редактировать. Это - надпись вне тегов (между ними), а значит она будет видна открывшему страницу пользователю. Браузер воспринимает её как простой текст, который надо вывести на экран.

contenteditable =”true” - ini adalah atribut dan nilainya. Ingat bagaimana di sekolah: x=3. Sama di sini: dapat diedit = “benar”. Atribut contenteditable menentukan apakah pengguna dapat mengedit konten elemen; nilai true , ditulis dalam tanda kutip yang dipisahkan dengan tanda sama dengan, memungkinkan pengeditan:

Atribut=”nilai” dapat diedit=”benar”

Tag HTML adalah dasar dari bahasa HTML. Tag digunakan untuk membatasi awal dan akhir elemen dalam markup.

Setiap dokumen HTML terdiri dari pohon elemen HTML dan teks. Setiap elemen HTML diidentifikasi dengan tag awal (pembuka) dan tag akhir (penutup). Tag pembuka dan penutup berisi nama tag.

Semua elemen HTML dibagi menjadi lima jenis:

• elemen kosong - , ,
  , , , , , ,
  

HTML adalah bahasa markup hiperteks. Hal ini didasarkan pada apa yang disebut tag. Tag adalah beberapa elemen pembungkus yang menentukan format dan properti elemen halaman web. Kami telah mengumpulkan referensi tag HTML terkini untuk Anda dalam satu halaman.

Ada total lebih dari seratus elemen markup. Masing-masing memiliki sejumlah atribut dan sintaksnya sendiri. Referensi Tag HTML akan membantu Anda menemukan elemen yang Anda butuhkan dengan cepat.

Tabel di bawah ini menyajikan daftar tag HTML5 dengan deskripsi singkat dalam bahasa Rusia.

	Komentar.
	Mendefinisikan jenis dokumen.
	Tautan, hyperlink, jangkar.
	Mendefinisikan teks sebagai singkatan.
	Informasi kontak untuk penulis atau pemilik dokumen.
	Mendefinisikan area pada peta gambar
	Artikel
	Selain konten (konten bukan konten utama di halaman)
	Memungkinkan Anda memasukkan file audio yang sedang diputar.
	Teks tebal.
	Menentukan URL dasar atau atribut target untuk tautan relatif dalam dokumen.
	Area di mana penulisan teks dapat mengambil arah yang berbeda.
	Mengatur arah penulisan teks. Berbeda dengan arah, arah fisik ditunjukkan
	Mengutip.
	Menentukan area badan dokumen.
	Istirahat baris.
	Tombol yang dapat diklik
	Digunakan untuk menggambar grafik menggunakan skrip
	Tanda tangan tabel.
	Catatan kaki untuk judul materi.
	Digunakan untuk memasukkan kode komputer dalam bentuk teks.
	Menentukan karakteristik kolom dalam tabel.
	Mendefinisikan sekelompok satu atau lebih kolom tabel yang akan diformat.
	Digunakan untuk menentukan opsi yang telah ditentukan sebelumnya untuk dipilih saat Anda mengetik di bidang teks
	Mendefinisikan deskripsi istilah dari tag dalam daftar istilah
	Teks yang telah dihapus di dokumen versi baru.
	Mendefinisikan informasi tambahan yang dapat dilihat atau disembunyikan pengguna
	Menunjukkan bahwa kontennya adalah sebuah istilah.
	Mendefinisikan kotak dialog atau elemen interaktif
	Elemen blok adalah salah satu elemen tata letak utama.
	Mendefinisikan daftar definisi
	Nama istilah dalam daftar definisi
	teks yang disorot artinya (biasanya teks dicetak miring).
	Wadah untuk aplikasi eksternal
	Sekelompok elemen terkait dalam suatu formulir
	Judul untuk elemen
	Mendefinisikan grup otonom yang terdiri dari beberapa elemen (misalnya, gambar dengan keterangan)
	catatan kaki
	Mendefinisikan formulir input pengguna
-	Header HTML dari berbagai level: , , , , , .
	Menentukan area kepala dokumen.
	Blok tajuk
	Garis horizontal merupakan pembatas tematik.
	Elemen akar. Memberi tahu browser bahwa dokumen yang diberikan adalah dokumen HTML.
	Teks miring.
	Mendefinisikan bingkai sebaris
	Gambar, gambar.
	Bidang masukan
	Teks yang telah ditambahkan ke dokumen versi baru.
	Teks yang dimasukkan dari keyboard atau nama tombol keyboard. Biasanya dalam font monospace.
	Label untuk kolom masukan. Menunjukkan pengikatan elemen (biasanya teks) ke kolom input.
	Tajuk elemen
	Daftar barang
	Mendefinisikan pengikatan sumber daya eksternal (paling sering pengikatan stylesheet CSS)
	Konten utama
	Wadah untuk. Mendefinisikan peta khusus pada gambar
	Teks yang dipilih (biasanya menggunakan penyorotan latar belakang).
	Wadah untuk daftar item menu
	Mendefinisikan item yang dapat dipanggil pengguna dari menu konteks
	Digunakan untuk mendefinisikan metadata dokumen.
	Meteran nilai dalam rentang tertentu
	Wadah untuk elemen navigasi
	Konten alternatif untuk pengguna yang skripnya dinonaktifkan
	Mendefinisikan objek bawaan
	Mendefinisikan daftar bernomor
	Mendefinisikan sekelompok opsi terkait dalam daftar drop-down. Memberi nama pada grup
	Parameter (opsi pilihan) di daftar drop-down
	Hasil perhitungan
	Ayat.
	Menetapkan opsi untuk objek bawaan
	Wadah untuk banyak gambar
	Teks yang telah diformat sebelumnya.
	Bilah kemajuan
	Kutipan dalam teks.
	Teks alternatif jika browser tidak mendukung .
	Anotasi untuk konten tag.
	Wadah untuk simbol dan penguraiannya (terutama untuk simbol Asia Timur, hieroglif).
	Teks yang dicoret.
	Teks yang merupakan keluaran program komputer (biasanya dalam font monospace).
	Mendefinisikan skrip atau koneksi skrip dari sumber daya eksternal.
	Bab
	Mendefinisikan daftar dropdown
	Teks dalam ukuran font lebih kecil.
	Mendefinisikan sumber daya untuk , dan .
	Elemen sebaris.
	Teks disorot berdasarkan makna. Biasanya ditampilkan dalam huruf tebal.
	Mendefinisikan wadah untuk menentukan gaya dokumen
	Menampilkan teks sebagai subskrip.
	Menuju ke dalam tag
	Menampilkan teks sebagai superskrip.
Mendefinisikan sebuah tabel. Mendefinisikan area konten dalam tabel. Sel dalam tabel . Bidang masukan multibaris Mendefinisikan sekelompok baris di bagian bawah tabel - catatan kaki. Lebih detailnya Tempat di mana jeda baris diperbolehkan. Tag HTML lama Bagaimana cara mengganti tag HTML yang sudah usang? Dalam kebanyakan kasus, CSS Cascading Style Sheets bisa digunakan. Ada juga alternatif untuk tag yang tidak digunakan dalam spesifikasi baru dalam HTML. Tabel di bawah menunjukkan tag HTML yang tidak digunakan lagi dan opsi untuk menggantinya. Tag Deskripsi Singkat Akronim. Gunakan tag sebagai gantinya Applet bawaan. Gunakan atau sebagai gantinya. Menentukan warna, ukuran, dan kelompok font semua teks dalam dokumen. Gunakan itu sebagai gantinya Teks lebih besar. Gunakan itu sebagai gantinya Teks terpusat. Gunakan itu sebagai gantinya Daftar direktori. Menggunakan bukannya dia Menentukan warna, ukuran, dan jenis font. Gunakan itu sebagai gantinya Bingkai di dalam. Gunakan itu sebagai gantinya Mendefinisikan kumpulan bingkai. Untuk menambahkan beberapa bingkai sebaris, gunakan beberapa elemen Teks alternatif jika bingkai tidak didukung Teks yang dicoret. Gunakan atau sebagai gantinya Teks monospace. Gunakan itu sebagai gantinya Teks yang digarisbawahi. Gunakan itu sebagai gantinya Sergei Savenkov semacam ulasan "pendek"... seolah-olah mereka sedang terburu-buru di suatu tempat Teknologi 2024. Berita. Telepon. Laptop. Perbandingan. jendela