4.1 a, tag href

Nah, kami masih tidak lupa bahawa kami sedang menyediakan pengaturcara Java daripada anda, jadi anda hanya perlu mempelajari 5 tag.

Pertama, ini adalah teg paling penting yang menukar teks kepada pautan hiperteks . Untuk membuat pautan dalam HTML, tag <a>(dari anchor, anchor) digunakan.

Pautan lalai kelihatan seperti:

<a href="link-address">link text</a>

Di mana biru ialah teks yang pengguna lihat, dan hijau ialah alamat (pautan) yang akan dia tuju jika dia mengklik pada teks pautan.

Dokumen HTML biasa yang mengandungi pautan kelihatan seperti ini:

<html>
    plain text
        <a href="http://codegym.cc/about">
            Link to something interesting
          </a>
     some other text...
</html>
Java webinar

Tidak, ia biasanya kelihatan seperti ini:

<html>
    plain text  <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>

Dunia tidak sempurna.

4.2 teg img dan atribut src

Untuk memasukkan imej ke dalam halaman HTML, tag <img>(daripada perkataan imej) digunakan. Ini adalah teg tunggal, ia tidak mempunyai teg penutup. Pandangan umum teg:

<img src="image link">

Semuanya sangat mudah. Untuk memaparkan imej dalam dokumen HTML anda, anda hanya perlu mengetahui pautan ke imej tersebut dan menggunakan img. Cubalah, anda pasti menyukainya.

4.3 Elemen jadual

Selain itu, halaman HTML boleh mengandungi jadual dengan data. Tetapi di sini anda tidak boleh bertahan dengan satu tag, jika anda memikirkannya. Lagipun, jadual mempunyai pengepala, baris, lajur dan sel. Mereka semua datang dengan tag mereka sendiri:

  • <table>- meja itu sendiri;
  • <tr>( t dapat r ow) – jadual baris;
  • <th>( pengepala t dapat h ) – sel pengepala jadual;
  • <td>( data t dapat ) – sel jadual.

Beginilah rupa jadual 3 dengan 3 html(dengan baris pengepala tambahan)

<table>
    <tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
    <tr> <td>Ivanov</td> <td>Ivan</td> <td>Ivanovich</td> </tr>
    <tr> <td>Petrov</td> <td>Peter</td> <td>Peterovich</td> </tr>
    <tr> <td>Sidorov</td> <td>Kolia</td> <td>Sidorenko</td> </tr>
</table>

Walaupun sekarang meja sudah jarang digunakan. Masalahnya ialah apabila melihat halaman dari telefon, ia boleh berguna untuk memaparkan jadual dengan cara yang berbeza (ia tidak muat pada skrin). Tetapi anda masih perlu tahu bagaimana jadual disusun.

4.4 id dan atribut nama

Dan dua lagi perkara penting ialah iddan atribut name. Ini adalah atribut, bukan teg, tetapi ia digunakan dengan kerap.

Atribut idtag membolehkan anda memberikannya nama yang unik dalam keseluruhan dokumen . Ini berguna jika terdapat beberapa JavaScript dalam dokumen HTML yang mengubah nilai atau parameter teg yang diberikan. Kemudian, dengan bantuan unik, idanda boleh merujuk dengan tepat pada teg yang dikehendaki.

Atribut namemenjalankan fungsi yang serupa, tetapi nilainya tidak semestinya unik dalam halaman. Iaitu, secara teorinya, mungkin terdapat beberapa tag dengan nama yang sama. Ini dilakukan untuk memudahkan kerja dengan kumpulan elemen.

Sebagai contoh, pada halaman terdapat beberapa senarai dalam setiap satu yang anda boleh memilih hanya satu item. Kemudian, apabila memilih elemen baharu dalam senarai, anda perlu menetapkan semula pemilihan elemen yang tinggal dalam senarai. Tetapi jangan sentuh senarai lain. Ini boleh dilakukan dengan mudah jika semua elemen senarai yang sama mempunyai nama yang sama.

Mana-mana teg boleh mempunyai kedua-dua atribut iddan name. Contoh:

<img id="image123" name="avatar" src="link to picture">