4.1 a, balises href
Eh bien, nous n'oublions toujours pas que nous préparons un programmeur Java à partir de vous, vous n'avez donc besoin que d'apprendre 5 balises.
Premièrement, c'est la balise la plus importante qui transforme le texte en lien hypertexte . Pour créer des liens en HTML, une balise <a>(de l'ancre, ancre) est utilisée.
Le lien par défaut ressemble à :
<a href="link-address">link text</a>Où bleu est le texte que voit l'utilisateur, et vert est l'adresse (lien) vers laquelle il ira s'il clique sur le texte du lien.
Un document HTML typique contenant des liens ressemble à ceci :
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text...
</html>Non, ça ressemble généralement à ça :
<html>
plain text <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>Le monde n'est pas parfait.
4.2 Balise img et attribut src
Pour insérer une image dans une page HTML, une balise <img>(du mot image) est utilisée. Il s'agit d'une balise unique, elle n'a pas de balise fermante. Vue générale de la balise :
<img src="image link">Tout est très simple. Pour afficher une image dans votre document HTML, il vous suffit de connaître le lien vers cette image et d'utiliser l'extension img. Essayez-le, vous l'aimerez.
4.3 L'élément tableau
De plus, une page HTML peut contenir un tableau avec des données. Mais ici, vous ne pouvez pas vous en tirer avec une seule étiquette, si vous y réfléchissez. Après tout, un tableau comporte un en-tête, des lignes, des colonnes et des cellules. Ils ont tous trouvé leurs propres balises :
<table>- le tableau lui-même ;<tr>( t able r ow) – tableau de lignes ;<th>( en - tête de tableau) – cellule d'en-tête de tableau ;<td>( données du tableau ) – cellule du tableau.
Voici à quoi ressemblerait un tableau 3 sur 3 html(avec une ligne d'en-tête supplémentaire)
<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>Bien que maintenant les tables soient rarement utilisées. Le fait est que lors de la visualisation d'une page depuis un téléphone, il peut être utile d'afficher le tableau d'une manière différente (il ne tient tout simplement pas sur l'écran). Mais encore faut-il savoir comment les tables sont disposées.
4.4 attributs id et name
Et deux points plus importants sont les attributs idet name. Ce sont des attributs, pas des balises, mais ils sont très souvent utilisés.
L' attribut idtag vous permet de lui donner un nom unique dans tout le document . Ceci est utile s'il y a du JavaScript dans le document HTML qui modifie la valeur ou les paramètres de la balise donnée. Ensuite, avec l'aide de unique, idvous pouvez vous référer avec précision à la balise souhaitée.
Un attribut nameremplit une fonction similaire, mais sa valeur n'a pas besoin d'être unique dans la page. Autrement dit, en théorie, il peut y avoir plusieurs balises portant les mêmes noms. Ceci est fait pour faciliter le travail avec des groupes d'éléments.
Par exemple, sur une page, il y a plusieurs listes dans chacune desquelles vous ne pouvez sélectionner qu'un seul élément. Ensuite, lors de la sélection d'un nouvel élément dans la liste, vous devez réinitialiser la sélection des éléments restants de la liste. Mais ne touchez pas aux autres listes. Cela peut être facilement fait si tous les éléments d'une même liste portent le même nom.
Toute balise peut avoir à la fois les attributs idet name. Exemple:
<img id="image123" name="avatar" src="link to picture">