Using the br tag and other keyboard shortcuts in HTML

Comment utiliser la balise br ?
<br> : l’élément de saut de ligne. L’élément HTML <br> crée un saut de ligne (un retour chariot) dans le texte. Il s’avère utile lorsque les sauts de ligne ont une importance (par exemple lorsqu’on écrit une adresse ou un poème).7 nov. 2021
En savoir plus sur developer.mozilla.org


HTML, or Hypertext Markup Language, is a computer language used to create web pages. One of the most commonly used tags in HTML is the br tag, which is used to create line breaks in text. In this article, we will discuss how to use the br tag, as well as other keyboard shortcuts that are useful for creating web pages.

How to use the br tag

The br tag is used to create line breaks in text. To use the br tag, simply type « 
 » (without the quotes) where you want the line break to occur. For example, if you wanted to create a line break between two paragraphs, you could type:


Paragraph 1

Paragraph 2

This would result in two paragraphs with a line break between them.

Keyboard shortcuts for unbreakable hyphens and non-breaking spaces

In addition to the br tag, there are other keyboard shortcuts that are useful for creating web pages. L’un d’entre eux est le trait d’union insécable, qui est utilisé pour empêcher les mots d’être séparés sur plusieurs lignes. Pour créer un trait d’union insécable en HTML, tapez « &shy ; » (sans les guillemets) à l’endroit où vous voulez que le trait d’union apparaisse. Par exemple, si vous voulez empêcher le mot « page web » d’être séparé en plusieurs lignes, vous pouvez taper « &shy ; » (sans les guillemets) à l’endroit où vous voulez que le trait d’union apparaisse :

Ceci est un exemple de page web&shy ;.

Le mot « page web » serait alors séparé en plusieurs lignes.

Un autre raccourci clavier utile est l’espace insécable, qui est utilisé pour empêcher les mots d’être séparés par un saut de ligne. Pour créer un espace insécable en HTML, tapez « &nbsp ; » (sans les guillemets) à l’endroit où vous voulez que l’espace apparaisse. Par exemple, si vous voulez empêcher les mots « John » et « Doe » d’être séparés par un saut de ligne, vous pouvez taper :

John Doe

Cela aurait pour effet d’afficher les mots « John » et « Doe » sur la même ligne.

Remplacement de la barre d’espacement

Parfois, il peut être nécessaire de remplacer la barre d’espacement par une autre touche afin de créer un effet spécifique sur une page web. Cela peut se faire en utilisant l’événement « keydown » en JavaScript. Par exemple, si vous souhaitez remplacer la barre d’espacement par la lettre « X », vous pouvez utiliser le code suivant :

document.addEventListener(« keydown », function(event) {

if (event.keyCode === 32) {

event.preventDefault() ;

document.execCommand(« insertText », false, « X ») ;

}

}) ;

Ce code remplacerait la barre d’espacement par la lettre « X » chaque fois qu’elle est pressée sur la page.

Mettre deux images côte à côte

Enfin, vous pouvez vouloir mettre deux images côte à côte sur une page web. Pour ce faire, vous pouvez utiliser la propriété « float » en CSS. Par exemple, si vous souhaitez placer deux images côte à côte avec une légende sous chacune d’elles, vous pouvez utiliser le code suivant :

Caption pour l’image 1

Caption pour l’image 2

Ce code affichera deux images côte à côte avec une légende sous chacune d’elles.

En conclusion, la balise br et les autres raccourcis clavier sont des outils utiles pour créer des pages web en HTML. En comprenant comment utiliser ces raccourcis, vous pouvez créer des pages web professionnelles, faciles à lire et visuellement attrayantes.

FAQ
You can also ask comment centrer une image en css ?

Pour centrer une image en CSS, vous pouvez utiliser la propriété `text-align : center` sur un élément parent qui contient l’image. Vous pouvez également utiliser la propriété `margin : 0 auto` sur l’image elle-même pour la centrer horizontalement.

Nous pouvons également nous demander quel est le nom d’un trait d’union empêchant la coupure de deux mots ?

Le nom du trait d’union empêchant la coupure de deux mots est appelé trait d’union insécable ou trait d’union dur. Il est codé comme « &#8209 ; » en HTML.


Laisser un commentaire