4.1 a, mga tag ng href
Well, hindi pa rin namin nalilimutan na naghahanda kami ng isang Java programmer mula sa iyo, kaya kailangan mo lamang matuto ng 5 tag.
Una, ito ang pinakamahalagang tag na ginagawang hypertext- link ang teksto . Upang lumikha ng mga link sa HTML, isang tag <a>(mula sa anchor, anchor) ay ginagamit.
Ang default na link ay mukhang:
<a href="link-address">link text</a>Kung saan asul ang text na nakikita ng user, at berde ang address (link) kung saan siya pupunta kung mag-click siya sa text ng link.
Ang isang tipikal na HTML na dokumento na naglalaman ng mga link ay ganito ang hitsura:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text...
</html>Hindi, kadalasan ganito ang hitsura:
<html>
plain text <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>Hindi perpekto ang mundo.
4.2 img tag at src attribute
Upang magpasok ng isang imahe sa isang HTML na pahina, isang tag <img>(mula sa salitang imahe) ay ginagamit. Isa itong tag, wala itong pansarang tag. Pangkalahatang view ng tag:
<img src="image link">Napakasimple ng lahat. Upang magpakita ng larawan sa iyong HTML na dokumento, kailangan mo lang malaman ang link sa larawang iyon at gamitin ang img. Subukan ito, magugustuhan mo ito.
4.3 Ang elemento ng talahanayan
Gayundin, ang isang HTML na pahina ay maaaring maglaman ng isang talahanayan na may data. Ngunit dito hindi ka makakalampas sa isang tag, kung iisipin mo ito. Pagkatapos ng lahat, ang isang talahanayan ay may isang header, mga hilera, mga haligi, at mga cell. Lahat sila ay may sariling tag:
<table>- ang mesa mismo;<tr>( t able r ow) – row table;<th>( t able h header) – table header cell;<td>( t maaring data ) – table cell.
Ganito ang magiging hitsura ng 3 by 3 table html(na may dagdag na header row)
<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>Kahit na ngayon ang mga talahanayan ay bihirang ginagamit. Ang bagay ay kapag tinitingnan ang isang pahina mula sa isang telepono, maaari itong maging kapaki-pakinabang upang ipakita ang talahanayan sa ibang paraan (hindi ito magkasya sa screen). Ngunit kailangan mo pa ring malaman kung paano nakaayos ang mga talahanayan.
4.4 id at mga katangian ng pangalan
At dalawa pang mahalagang punto ay ang idat mga katangian name. Ito ay mga katangian, hindi mga tag, ngunit madalas silang ginagamit.
Ang katangian ng idtag ay nagbibigay-daan sa iyo na bigyan ito ng isang pangalan na natatangi sa loob ng buong dokumento . Ito ay kapaki-pakinabang kung mayroong ilang JavaScript sa HTML na dokumento na nagbabago sa halaga o mga parameter ng ibinigay na tag. Pagkatapos, sa tulong ng natatangi, idmaaari mong tumpak na sumangguni sa nais na tag.
Ang isang katangian nameay gumaganap ng isang katulad na function, ngunit ang halaga nito ay hindi kailangang natatangi sa loob ng pahina. Iyon ay, ayon sa teorya, maaaring mayroong ilang mga tag na may parehong mga pangalan. Ginagawa ito upang gawing mas madaling magtrabaho kasama ang mga pangkat ng mga elemento.
Halimbawa, sa isang pahina mayroong ilang mga listahan sa bawat isa kung saan maaari kang pumili lamang ng isang item. Pagkatapos, kapag pumipili ng bagong elemento sa listahan, kailangan mong i-reset ang pagpili ng mga natitirang elemento ng listahan. Ngunit huwag hawakan ang iba pang mga listahan. Madali itong magawa kung ang lahat ng elemento ng parehong listahan ay may parehong pangalan.
Ang anumang tag ay maaaring magkaroon ng parehong mga katangian idat name. Halimbawa:
<img id="image123" name="avatar" src="link to picture">