4.1 a, etichete href
Ei bine, încă nu uităm că pregătim un programator Java din tine, așa că trebuie să înveți doar 5 etichete.
În primul rând, aceasta este cea mai importantă etichetă care transformă textul în hypertext - link . Pentru a crea legături în HTML, <a>se folosește o etichetă (de la anchor, anchor).
Linkul implicit arată astfel:
<a href="link-address">link text</a>Unde albastru este textul pe care îl vede utilizatorul, iar verde este adresa (linkul) la care va merge dacă dă clic pe textul linkului.
Un document HTML tipic care conține linkuri arată astfel:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text...
</html>
Nu, de obicei arată așa:
<html>
plain text <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>Lumea nu este perfectă.
4.2 eticheta img și atributul src
Pentru a insera o imagine într-o pagină HTML, <img>se folosește o etichetă (din cuvântul imagine). Aceasta este o singură etichetă, nu are o etichetă de închidere. Vedere generală a etichetei:
<img src="image link">Totul este foarte simplu. Pentru a afișa o imagine în documentul HTML, trebuie doar să cunoașteți linkul către acea imagine și să utilizați img. Încearcă, o să-ți placă.
4.3 Elementul tabelului
De asemenea, o pagină HTML poate conține un tabel cu date. Dar aici nu te poți descurca cu o singură etichetă, dacă te gândești bine. La urma urmei, un tabel are un antet, rânduri, coloane și celule. Toți au venit cu propriile etichete:
<table>- masa în sine;<tr>( rândul tabelului ) – tabel cu rânduri;<th>( antet tabel h ) – celula antet tabel;<td>( tabel date ) – celula tabelului.
Iată cum ar arăta un tabel 3 pe 3 html(cu un rând de antet suplimentar)
<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>Deși acum tabelele sunt rar folosite. Chestia este că atunci când vizualizați o pagină de pe un telefon, poate fi util să afișați tabelul într-un mod diferit (pur și simplu nu se potrivește pe ecran). Dar mai trebuie să știi cum sunt aranjate mesele.
4.4 atribute id și nume
Și încă două puncte importante sunt atributele idși name. Acestea sunt atribute, nu etichete, dar sunt folosite foarte des.
Atributul idetichetă vă permite să îi dați un nume unic în întregul document . Acest lucru este util dacă există ceva JavaScript în documentul HTML care modifică valoarea sau parametrii etichetei date. Apoi, cu ajutorul unicului, idvă puteți referi cu precizie la eticheta dorită.
Un atribut nameîndeplinește o funcție similară, dar valoarea lui nu trebuie să fie unică în cadrul paginii. Adică, teoretic, pot exista mai multe etichete cu aceleași nume. Acest lucru se face pentru a facilita lucrul cu grupuri de elemente.
De exemplu, pe o pagină există mai multe liste în fiecare dintre care puteți selecta un singur articol. Apoi, atunci când selectați un nou element din listă, trebuie să resetați selecția elementelor rămase din listă. Dar nu atingeți alte liste. Acest lucru se poate face cu ușurință dacă toate elementele aceleiași liste au același nume.
Orice etichetă poate avea atât atribute, idcât și name. Exemplu:
<img id="image123" name="avatar" src="link to picture">