Course 3. modul - Lecture: Tag HTML populer

4.1 a, tag href

Ya, kita isih ora lali yen kita lagi nyiapake programmer Java saka sampeyan, dadi sampeyan mung kudu sinau 5 tag.

Kaping pisanan, iki minangka tag paling penting sing ngowahi teks dadi hypertext - link . Kanggo nggawe pranala ing HTML, tag <a>(saka jangkar, jangkar) digunakake.

Link standar katon kaya:

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

Ing ngendi biru minangka teks sing dideleng pangguna, lan ijo minangka alamat (link) sing bakal dituju yen dheweke ngeklik teks link kasebut.

Dokumen HTML khas sing ngemot pranala katon kaya iki:

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

Ora, biasane katon kaya iki:

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

Donya ora sampurna.

4.2 tag img lan atribut src

Kanggo nglebokake gambar menyang kaca HTML, tag <img>(saka tembung gambar) digunakake. Iki minangka tag siji, ora ana tag penutup. Tampilan umum tag:

<img src="image link">

Kabeh iku prasaja banget. Kanggo nampilake gambar ing dokumen HTML, sampeyan mung kudu ngerti link menyang gambar kasebut lan gunakake file img. Coba, sampeyan bakal seneng.

4.3 Unsur Tabel

Uga, kaca HTML bisa ngemot tabel kanthi data. Nanging ing kene sampeyan ora bisa entuk tag siji, yen sampeyan mikir babagan iki. Sawise kabeh, tabel duwe header, baris, kolom, lan sel. Kabeh padha nggawe tag dhewe:

<table>- meja dhewe;
<tr>( t bisa r ow) - tabel baris;
<th>( header t bisa ) - sel header tabel;
<td>( data t bisa ) - sel tabel.

Iki minangka tabel 3 kanthi 3 html(kanthi baris header 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>

Senajan saiki tabel wis arang digunakake. Masalahe yaiku nalika ndeleng kaca saka telpon, bisa migunani kanggo nampilake tabel kanthi cara sing beda (mung ora pas ing layar). Nanging sampeyan isih kudu ngerti carane tabel disusun.

4.4 id lan jeneng atribut

Lan rong poin sing luwih penting yaiku idlan atribut name. Iki minangka atribut, dudu tag, nanging asring digunakake.

Atribut idtag ngidini sampeyan menehi jeneng sing unik ing kabeh dokumen . Iki migunani yen ana sawetara JavaScript ing dokumen HTML sing ngganti nilai utawa paramèter saka tag sing diwenehake. Banjur, kanthi bantuan unik, idsampeyan bisa kanthi akurat ngrujuk menyang tag sing dikarepake.

Atribut namenindakake fungsi sing padha, nanging regane ora kudu unik ing kaca kasebut. Sing, miturut teori, bisa uga ana sawetara tag kanthi jeneng sing padha. Iki ditindakake supaya luwih gampang nggarap klompok unsur.

Contone, ing kaca ana sawetara dhaptar ing saben sing mung bisa milih siji item. Banjur, nalika milih unsur anyar ing dhaptar, sampeyan kudu ngreset pilihan saka unsur isih saka dhaftar. Nanging aja ndemek dhaptar liyane. Iki bisa ditindakake kanthi gampang yen kabeh unsur saka dhaptar sing padha duwe jeneng sing padha.

Sembarang tag bisa duwe loro atribut idlan name. Tuladha:

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