4.1 a, tag href

Bene, non dimentichiamo ancora che stiamo preparando un programmatore Java da te, quindi devi solo imparare 5 tag.

Innanzitutto, questo è il tag più importante che trasforma il testo in collegamento ipertestuale . <a>Per creare collegamenti in HTML, viene utilizzato un tag (da anchor, anchor).

Il collegamento predefinito è simile a:

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

Dove il blu è il testo che l'utente vede e il verde è l'indirizzo (collegamento) a cui andrà se fa clic sul testo del collegamento.

Un tipico documento HTML contenente collegamenti ha il seguente aspetto:


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

No, di solito è così:



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

Il mondo non è perfetto.

4.2 tag img e attributo src

Per inserire un'immagine in una pagina HTML, <img>viene utilizzato un tag (dalla parola immagine). Questo è un singolo tag, non ha un tag di chiusura. Vista generale del tag:

<img src="image link">

Tutto è molto semplice. Per visualizzare un'immagine nel tuo documento HTML, devi solo conoscere il collegamento a quell'immagine e utilizzare l'estensione img. Provalo, ti piacerà.

4.3 L'elemento tabella

Inoltre, una pagina HTML può contenere una tabella con dati. Ma qui non puoi cavartela con un tag, se ci pensi. Dopotutto, una tabella ha un'intestazione, righe, colonne e celle. Tutti hanno inventato i propri tag:

  • <table>- il tavolo stesso;
  • <tr>( riga della tabella ) – tabella delle righe;
  • <th>( table h header) – cella di intestazione della tabella ;
  • <td>( table data ) – cella della tabella.

Ecco come sarebbe una tabella 3 per 3 html(con una riga di intestazione aggiuntiva)


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

Anche se ora le tabelle sono usate raramente. Il fatto è che quando si visualizza una pagina da un telefono, può essere utile visualizzare la tabella in un modo diverso (semplicemente non si adatta allo schermo). Ma devi ancora sapere come sono disposti i tavoli.

4.4 attributi id e name

E altri due punti importanti sono gli attributi ide name. Questi sono attributi, non tag, ma sono usati molto spesso.

L' attributo idtag consente di assegnargli un nome univoco all'interno dell'intero documento . Ciò è utile se nel documento HTML è presente del codice JavaScript che modifica il valore o i parametri del tag specificato. Quindi, con l'aiuto di unique, idpuoi fare riferimento con precisione al tag desiderato.

Un attributo nameesegue una funzione simile, ma il suo valore non deve essere univoco all'interno della pagina. Cioè, in teoria, possono esserci più tag con gli stessi nomi. Questo viene fatto per facilitare il lavoro con gruppi di elementi.

Ad esempio, in una pagina sono presenti diversi elenchi in ciascuno dei quali è possibile selezionare un solo elemento. Quindi, quando si seleziona un nuovo elemento nell'elenco, è necessario reimpostare la selezione degli elementi rimanenti dell'elenco. Ma non toccare altri elenchi. Questo può essere fatto facilmente se tutti gli elementi della stessa lista hanno lo stesso nome.

Qualsiasi tag può avere sia attributi idche name. Esempio:


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