Si vous débutez dans la conception Web et le développement front-end (HTML, CSS, Javascript), vous pouvez choisir de vous lancer avec un éditeur WYSIWYG. Cet acronyme signifie "ce que vous voyez est ce que vous obtenez" et il s'agit essentiellement d'un logiciel qui vous permet de créer une page Web à l'aide d'outils visuels pendant que le logiciel écrit du code en arrière-plan en fonction de ce que vous créez. L'outil WYSIWYG le plus populaire disponible est sans doute Dreamweaver d'Adobe.
Dreamweaver est une bonne option pour ceux qui débutent
Alors que de nombreux professionnels expérimentés du Web aux compétences plus raffinées méprisent Dreamweaver et sa tendance à produire des balises HTML et des styles CSS saturés, la plate-forme reste une bonne option pour ceux qui débutent avec la conception de sites Web. Lorsque vous commencez à utiliser l'option "Vue de conception" de Dreamweaver pour créer une page Web, vous devez probablement vous demander comment créer un seul saut de ligne pour le contenu de cette vue.
Lorsque vous ajoutez du texte HTML à une page Web, le navigateur Web affiche ce texte sous forme de longue ligne jusqu'à ce qu'il atteigne le bord de la fenêtre du navigateur ou de son élément conteneur. À ce stade, le texte sera renvoyé à la ligne suivante. Ceci est similaire à ce qui se passe dans n'importe quel logiciel de traitement de texte, tel que Microsoft Word ou Google Docs. Lorsqu'une ligne de texte n'a plus de place sur une ligne horizontale, elle est renvoyée à une ligne. Alors que se passe-t-il si vous voulez dicter l'endroit où une ligne se rompt?
Lorsque vous appuyez sur la touche Entrée en mode Création de Dreamweaver, le paragraphe actuel est fermé et un nouveau paragraphe commence. Visuellement, cela signifie que ces deux lignes sont séparées par un espacement vertical. Cela est dû au fait que, par défaut, les paragraphes HTML ont un remplissage ou des marges (qui dépendent du navigateur lui-même) qui sont appliqués au bas du paragraphe, ce qui ajoute cet espacement.
Cela peut être ajusté avec CSS, mais la vérité est que vous voulez qu'il y ait un espacement entre les paragraphes pour permettre la lisibilité du site Web. Si vous souhaitez une seule ligne et sans espacement vertical large entre les lignes, vous ne souhaitez pas utiliser la touche ENTER car vous ne souhaitez pas que ces lignes soient des paragraphes individuels.
Pour ces moments où vous ne voulez pas qu'un nouveau paragraphe commence, vous devez ajouter le
balise en HTML. Ceci est aussi parfois écrit comme
. spécifiquement pour les versions de XHTML nécessitant la fermeture de tous les éléments. La fin / dans cette syntaxe ferme automatiquement l’élément puisque le
La balise n'a pas sa propre balise de fermeture. Tout cela est bien beau, mais vous travaillez en mode Création dans Dreamweaver. Vous pouvez ne pas vouloir sauter dans le code et ajouter ces pauses. Cela convient, car vous pouvez en effet ajouter un saut de ligne dans Dreamweaver sans recourir à l'affichage en code.
Ajouter un saut de ligne dans la vue Conception de Dreamweaver:
- Placez votre curseur à l'endroit où vous souhaitez que la nouvelle ligne commence.
- Maintenez la touche Majuscule et appuyez sur Entrer.
C'est tout! Le simple ajout de la touche "Shift" avec la touche ENTER ajoutera un
au lieu d'un nouveau paragraphe. Alors, maintenant que vous savez comment cela se passe, vous devez déterminer où l’utiliser et où l’éviter. Rappelez-vous que le HTML est destiné à créer la structure d'un site, pas l'apparence visuelle. Vous ne devriez pas utiliser plusieurs
balises pour créer un espacement vertical sous les éléments de votre conception.
C’est à cela que servent les propriétés CSS pour le remplissage et les marges. Où vous utiliseriez un
La balise est quand vous avez juste besoin du saut de ligne. Par exemple, si vous codez une adresse postale et que vous avez décidé d’utiliser un paragraphe, vous pouvez ajouter
balises comme ceci:
Nom de la compagnie Ce code pour l'adresse est un paragraphe unique, mais visuellement, il afficherait les trois lignes sur des lignes individuelles avec un petit espace entre elles.
Ligne d'adresse
Ville, État, code postal
