4.1 a, tag href

Nah, kami tetap tidak lupa bahwa kami sedang mempersiapkan programmer Java dari Anda, jadi Anda hanya perlu mempelajari 5 tag.

Pertama, ini adalah tag terpenting yang mengubah teks menjadi hypertext - link . Untuk membuat tautan dalam HTML, tag <a>(dari jangkar, jangkar) digunakan.

Tautan default terlihat seperti:

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

Di mana biru adalah teks yang dilihat pengguna, dan hijau adalah alamat (tautan) yang akan dituju jika dia mengklik teks tautan tersebut.

Dokumen HTML tipikal yang berisi tautan terlihat seperti ini:


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

Tidak, biasanya terlihat seperti ini:



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

Dunia ini tidak sempurna.

4.2 tag img dan atribut src

<img>Untuk menyisipkan gambar ke dalam halaman HTML, digunakan tag (dari kata gambar). Ini adalah tag tunggal, tidak memiliki tag penutup. Tampilan umum dari tag:

<img src="image link">

Semuanya sangat sederhana. Untuk menampilkan gambar di dokumen HTML Anda, Anda hanya perlu mengetahui tautan ke gambar itu dan menggunakan ekstensi img. Cobalah, Anda akan menyukainya.

4.3 Elemen tabel

Juga, halaman HTML dapat berisi tabel dengan data. Tapi di sini Anda tidak bisa bertahan dengan satu tag, jika Anda memikirkannya. Bagaimanapun, sebuah tabel memiliki tajuk, baris, kolom, dan sel. Mereka semua datang dengan tag mereka sendiri:

  • <table>- meja itu sendiri;
  • <tr>( t mampu r ow) – tabel baris;
  • <th>( t mampu h tajuk) – sel tajuk tabel;
  • <td>( data table ) – sel tabel.

Seperti inilah tampilan tabel 3 kali 3 html(dengan baris tajuk 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>

Meski sekarang tabel sudah jarang digunakan. Masalahnya adalah saat melihat halaman dari ponsel, akan berguna untuk menampilkan tabel dengan cara yang berbeda (tidak muat di layar). Namun Anda tetap perlu mengetahui bagaimana tabel tersebut disusun.

4.4 atribut id dan nama

Dan dua poin penting lainnya adalah atribut iddan name. Ini adalah atribut, bukan tag, tetapi sangat sering digunakan.

Atribut idtag memungkinkan Anda memberinya nama yang unik di seluruh dokumen . Ini berguna jika ada beberapa JavaScript dalam dokumen HTML yang mengubah nilai atau parameter dari tag yang diberikan. Kemudian, dengan bantuan unique, idAnda dapat secara akurat merujuk ke tag yang diinginkan.

Atribut namemenjalankan fungsi serupa, tetapi nilainya tidak harus unik di dalam halaman. Artinya, secara teori bisa ada beberapa tag dengan nama yang sama. Ini dilakukan untuk memudahkan bekerja dengan kelompok elemen.

Misalnya, pada halaman ada beberapa daftar yang masing-masing hanya dapat dipilih satu item. Kemudian, saat memilih elemen baru dalam daftar, Anda perlu mengatur ulang pemilihan elemen daftar yang tersisa. Tapi jangan menyentuh daftar lain. Ini dapat dengan mudah dilakukan jika semua elemen dari daftar yang sama memiliki nama yang sama.

Setiap tag dapat memiliki atribut iddan name. Contoh:


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