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.
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
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 « ­ ; » (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 « ­ ; » (sans les guillemets) à l’endroit où vous voulez que le trait d’union apparaisse :
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 «   ; » (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 :
Cela aurait pour effet d’afficher les mots « John » et « Doe » sur la même ligne.
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 ») ;
}
}) ;
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.
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.
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 « ‑ ; » en HTML.