Sites Web, blogs, pages Web - des concepts déjà familiers à notre époque. Avec le développement d'Internet, les sites d'hébergement de pages Web sont devenus incroyablement populaires, et ce n'est pas surprenant: pour certains, avoir son propre site Web est une nécessité, pour d'autres, c'est un divertissement agréable. Dans le premier cas, nous parlons généralement d'entreprises, de sociétés, d'entrepreneurs privés, lorsqu'ils annoncent un produit ou un service en demande. La seconde concerne les blogueurs.
En plus de cela, il y a des internautes qui recherchent simplement des informations, lisent des blogs, regardent des vidéos, etc.
Pour créer un site web de qualité, il existe de nombreuses options. Nous nous concentrerons sur la programmation Web via HTML.
Qu'est-ce que le HTML
HTML signifie Hyper Text Mark-Up Language. Traduit de l'anglais, cela signifie "Hypertext Markup Language".
En d'autres termes, le HTML est un ensemble de codes avec lesquels vous pouvez créer les principaux éléments du site, son cadre, commecomment les mots sont constitués de phrases.
Les codes HTML sont écrits exclusivement en lettres latines et sont appelés balises, et chaque code est entouré de crochets angulaires. Certaines balises sont jumelées, d'autres ne le sont pas.
Paired signifie qu'ils doivent être utilisés par paires sans faute. Par exemple, la balise d'ouverture indique où elle commence sur une page Web et la balise de fermeture indique où elle s'arrête. Ce dernier se distingue du premier par la présence d'un caractère slash après l'équerre ouvrante. Par exemple, est la balise d'ouverture,est la balise de fermeture.
Les balises non appariées n'ont pas besoin de partenaire.
De nombreuses balises peuvent avoir des attributs - des éléments supplémentaires qui leur donnent une signification plus spécifique. Par exemple, la balise.
Où HTML est utilisé
La compréhension classique de l'endroit où le HTML est nécessaire est la création de sites Web.
En pratique, cela peut suffire, puisque HTML vous permet de créer les principaux éléments du site, des menus (y compris à plusieurs niveaux), de définir l'arrière-plan, d'insérer du texte, des images, de l'audio, de la vidéo, de modifier les polices et bien plus encore.
Cependant, il existe d'autres langages qui permettent d'ajouter des éléments plus intéressants et souvent nécessaires à une page Web:
- CSS définit des styles pour l'ensemble du site sans qu'il soit nécessaire de prescrire constamment des caractéristiques de style d'éléments individuels à l'aide de balises - la couleur et la police du texte, par exemple.
- Le langage de script vous permet de développer et d'intégrer des mini-programmes (scripts) sur le site, allant dedes choses esthétiques banales (changer la couleur du lien au survol de la souris) et se terminant par des choses fonctionnelles (récupérer les adresses e-mail des clients, les numéros de téléphone).
- Avec PHP, vous pouvez développer votre propre livre d'or ou système de commentaires.
Le HTML est également utilisé dans la création d'e-mails à distribuer.
Qu'est-ce qu'un lien
Ils vous permettent de naviguer vers une autre page Web, à la fois à l'intérieur du site et à l'extérieur.
Les liens HTML sont couramment utilisés:
- Pour accéder à une ressource Web externe.
- Pour parcourir les pages du site.
- Pour accéder aux formulaires Google.
Un lien vers la source en HTML est également souvent indiqué, d'autant plus que lors de la copie de matériel d'un autre site, vous devez spécifier l'auteur. Sinon, la copie sans attribution peut relever des définitions de violation du droit d'auteur, de vol de contenu et de retour de flamme. De plus, l'utilisation de matériaux empruntés et non uniques réduit les performances de référencement, et l'indication d'un lien vers la source réduit les risques.
Types de liens
Au sens classique, un lien est l'adresse d'une ressource Web à laquelle vous pouvez accéder en cliquant dessus.
En plus de cela, il y a des hyperliens: texte et images. Dans ces cas, le lien HTML est "caché" sous une phrase (mot) ou une image, et pour le suivre, vous devez cliquer sur le texte ou l'image.
Autres types de liens:
- Unvisited - un lien qui n'a pas encore été cliqué au cours d'une session particulière. Par exemple, si vous avez suivi ce lien hier, puis éteint votre ordinateur et l'avez rallumé aujourd'hui, le lien n'est plus visité, car une nouvelle session a commencé.
- Active - dans cet état, le lien est enregistré pendant une très courte période: l'intervalle entre le clic sur le lien et son suivi.
- Visited - un lien qui a déjà été visité au moins une fois au cours d'une session.
Pour les liens textuels normaux, les liens visités ont tendance à changer de couleur sauf indication contraire.
Une image hyperliée ne change pas d'apparence, qu'elle soit visitée ou non.
Comment insérer un lien normal
De nombreuses ressources Web perçoivent l'adresse du site comme un lien, la rendent immédiatement cliquable et la mettent en évidence avec de la couleur. Par exemple, si l'adresse est envoyée dans un messager ou par e-mail, en cliquant dessus, vous pouvez accéder au site.
Dans le cas où vous créez vous-même un site en HTML, vous devez insérer un lien à l'aide d'une balise spéciale. Il ressemblera à ceci: adresse du site Web. Le texte du lien en HTML doit être spécifié en entier, avec le protocole.
Comment insérer un lien hypertexte
Il a été dit plus tôt qu'un lien hypertexte remplit la même fonction qu'un lien normal, mais semble plus esthétique: au lieu d'une adresse de site, qui est souvent inutilement longue, un mot ou une phrase est indiqué. Par exemple, dans la phrase "Recherchez des informations ici", vous pouvez masquer le lien dansle mot "ici". Il sera mis en surbrillance et cliquer dessus amènera l'utilisateur sur le site souhaité.
Comment créer un lien HTML a déjà été discuté plus tôt. Vous pouvez insérer un lien hypertexte texte en utilisant la même balise. La seule différence est que vous devez spécifier entre les balises le texte sous lequel le lien sera masqué: texte visible.
Comment insérer un lien hypertexte d'image
C'est un peu plus compliqué ici. Nous utilisons la même balise, mais au lieu de texte, vous devez spécifier le chemin vers l'image.
Le chemin est l'emplacement de l'image. Si l'image (photo) se trouve sur un service de partage de fichiers, vous devez spécifier tous les dossiers le long du chemin d'accès à l'image via une barre oblique. Vous pouvez également inclure un lien vers une image si possible.
Pour taguer
en plus de src, d'autres attributs sont également applicables, vous permettant d'ajuster la hauteur, la largeur et l'emplacement de l'image et bien plus encore. Certains d'entre eux:
- Src - spécifie le chemin vers l'image.
- Lowsrc - identique à l'attribut précédent, mais spécifié pour les images de faible qualité.
- Hauteur - hauteur de l'image.
- Width - sa largeur.
- Alt - description de l'image. Lorsque vous survolez une photo ou une image, le texte spécifié dans cet attribut apparaîtra.
- Border - détermine l'épaisseur de la bordure autour de l'image.
Les attributs sont spécifiés après la balise et sont inclus danssa composition. L'attribut doit être suivi de sa valeur. Par exemple, pour les attributs "height" ou "width" (hauteur, largeur) spécifie la hauteur de l'image sur la page Web. L'unité de mesure est le pixel, sauf indication contraire.
Il ressemblera à ceci: <a href="adresse de la page Web"
. Ces attributs aideront à définir la taille appropriée pour l'image. Border permet de créer une bordure invisible autour de l'image.
Les attributs ci-dessus s'appliquent séparément à la balise d'insertion d'image. Par exemple:.
Que sont les liens d'ancrage
Créer des liens d'ancrage est une compétence très utile. Il est souvent nécessaire de mettre en page une page Web avec un long bloc de texte ou plusieurs sous-sections sur une seule page. Dans ce cas, vous pouvez immédiatement commencer avec une liste de liens vers des sous-sections du texte ou de la page Web, et lorsque vous cliquez dessus, l'utilisateur ira directement à la section demandée.
La création de liens d'ancrage nécessitera plus d'utilisation de balises d'attribut que d'autres types de liens.
Tout d'abord, vous devez définir la valeur globale de chaque bloc d'informations ou sous-section de texte à l'aide de l'attribut top, puis l'associer au lien correspondant.
Leurs fonctionnalités sont plus étendues, il est donc conseillé de maîtriser d'abord la création de liens plus simples, puis de passer à la formation de liens d'ancrage.
Conseils
Aide expérimentéeprogrammeurs:
- Vous pouvez faire en sorte que les informations sur un lien soient affichées au survol en HTML. Pour cela, l'attribut alt, que nous utilisons également pour les éléments graphiques, peut être utile.
- Il est possible de faire une liste de liens en HTML. En particulier, cela peut être utile pour les liens d'ancrage, ainsi que lorsque vous devez créer une liste de ressources Web pouvant être suivies d'un lien directement à partir de la page Web actuelle.
- Avec l'aide de CSS et JavaScript, ainsi que certaines fonctions HTML, vous pouvez créer une conception différente des liens de texte et des hyperliens que d'habitude. Par exemple, lorsque vous survolez un lien, il peut changer de couleur et revenir au précédent lorsque le curseur s'en éloigne. Cela peut être fait avec un script JavaScript personnalisé. De plus, la couleur du lien peut être définie sur autre chose que le bleu pour les non visités ou le violet pour les visités. C'est le travail de CSS.
- N'abusez pas des liens. Une page Web avec de nombreux liens inappropriés semble bâclée et bâclée.
- Assurez-vous que l'utilisateur comprend que le lien hypertexte avec l'image est vraiment une image, et pas seulement une image.
Conclusion
Il est très facile de créer un lien vers une page en HTML. Il est important de suivre tous les points principaux de ce langage, car même une petite erreur peut entraîner le fait qu'il n'y aura aucun résultat et que le code ne fonctionnera pas.
