4.1 a, href-tags

Nou, we vergeten nog steeds niet dat we een Java-programmeur van je aan het voorbereiden zijn, dus je hoeft maar 5 tags te leren.

Ten eerste is dit de belangrijkste tag die tekst omzet in hypertext- link . Om links in HTML te maken, <a>wordt een tag (van anker, anker) gebruikt.

De standaardkoppeling ziet er als volgt uit:

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

Waar blauw de tekst is die de gebruiker ziet, en groen het adres (link) waar hij naartoe gaat als hij op de tekst van de link klikt.

Een typisch HTML-document met koppelingen ziet er als volgt uit:

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

Nee, meestal ziet het er zo uit:

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

De wereld is niet perfect.

4.2 img tag en src attribuut

Om een ​​afbeelding in een HTML-pagina in te voegen, <img>wordt een tag (van het woord afbeelding) gebruikt. Dit is een enkele tag, het heeft geen afsluitende tag. Algemene weergave van de tag:

<img src="image link">

Alles is heel eenvoudig. Om een ​​afbeelding in uw HTML-document weer te geven, hoeft u alleen maar de link naar die afbeelding te kennen en de img. Probeer het, je zult het leuk vinden.

4.3 Het tafelelement

Een HTML-pagina kan ook een tabel met gegevens bevatten. Maar hier kom je niet langs met één tag, als je erover nadenkt. Een tabel heeft immers een koptekst, rijen, kolommen en cellen. Ze bedachten allemaal hun eigen tags:

  • <table>- de tafel zelf;
  • <tr>( tabelrij ) – rijtabel ;
  • <th>( tabel h kop ) – cel koptekst;
  • <td>( tabelgegevens ) – tabelcel .

Zo ziet een tabel van 3 bij 3 eruit html(met een extra koprij)

<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>

Hoewel tafels nu zelden worden gebruikt. Het punt is dat het bij het bekijken van een pagina vanaf een telefoon handig kan zijn om de tabel op een andere manier weer te geven (hij past gewoon niet op het scherm). Maar je moet nog steeds weten hoe de tafels zijn gerangschikt.

4.4 id- en naamattributen

En nog twee belangrijke punten zijn de attributen iden name. Dit zijn attributen, geen tags, maar ze worden heel vaak gebruikt.

idMet het tagkenmerk kunt u het een naam geven die uniek is binnen het gehele document . Dit is handig als er JavaScript in het HTML-document staat dat de waarde of parameters van de gegeven tag verandert. Vervolgens kunt u met behulp van unique idnauwkeurig verwijzen naar de gewenste tag.

Een attribuut namevervult een vergelijkbare functie, maar de waarde ervan hoeft niet uniek te zijn binnen de pagina. Dat wil zeggen, theoretisch kunnen er meerdere tags met dezelfde naam zijn. Dit wordt gedaan om het gemakkelijker te maken om met groepen elementen te werken.

Op een pagina zijn er bijvoorbeeld verschillende lijsten waarin u slechts één item kunt selecteren. Wanneer u vervolgens een nieuw element in de lijst selecteert, moet u de selectie van de resterende elementen van de lijst resetten. Maar raak andere lijsten niet aan. Dit kan eenvoudig worden gedaan als alle elementen van dezelfde lijst dezelfde naam hebben.

Elke tag kan zowel attributen idals name. Voorbeeld:

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