Si vous débutez dans la conception Web et le développement front-end (HTML, CSS, Javascript), vous pouvez choisir de commencer avec un WYSIWYG éditeur. Cet acronyme signifie "ce que vous voyez est ce que vous obtenez" et fait essentiellement référence à un logiciel qui vous permet de créer une page Web à l'aide d'outils visuels pendant que le logiciel écrit du code dans les coulisses en fonction de ce que vous êtes créer. L'outil WYSIWYG le plus populaire disponible est sans doute Dreamweaver d'Adobe.
Une bonne option pour ceux qui débutent
Alors que de nombreux professionnels du Web chevronnés avec plus compétences raffinées mépriser Dreamweaver et sa tendance à produire un balisage HTML volumineux et Styles CSS, la simple vérité est que la plate-forme reste une bonne option pour ceux qui débutent dans la conception de sites Web. Lorsque vous commencez à utiliser l'option « vue de conception » de Dreamweaver pour créer une page Web, l'une des questions que vous vous posez probablement est de savoir 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 la forme d'une longue ligne jusqu'à ce qu'il atteigne le bord de la fenêtre du navigateur ou son élément conteneur. À ce stade, le texte passera à la ligne suivante. Ceci est similaire à ce qui se passe dans n'importe quel logiciel de traitement de texte, comme Microsoft Word ou Google Docs. Lorsqu'une ligne de texte n'a plus de place sur une ligne horizontale, elle s'enroulera pour commencer une autre ligne. Alors, que se passe-t-il si vous voulez dicter où une ligne est coupée?
Lorsque vous appuyez sur ENTRÉE dans la vue Conception de Dreamweaver
Quand tu frappes ENTRER dans le 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 avec un peu d'espacement vertical. C'est parce que, par défaut, HTML les paragraphes ont un remplissage ou des marges (qui dépend du navigateur lui-même) appliqué au bas du paragraphe 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 aucun espacement vertical large entre les lignes, vous ne souhaitez pas utiliser la touche ENTRÉE car vous ne souhaitez pas que ces lignes soient des paragraphes individuels.
Quand vous ne voulez pas qu'un nouveau paragraphe commence
Pour ces moments où vous ne voulez pas qu'un nouveau paragraphe commence, vous ajouteriez le
balise en HTML. Ceci est aussi parfois écrit comme
. spécifiquement pour les versions de XHTML qui nécessitaient la fermeture de tous les éléments. Le / de fin dans cette syntaxe ferme automatiquement l'élément puisque le
La balise n'a pas sa propre balise de fermeture. C'est bien beau, mais vous travaillez en mode Création dans Dreamweaver. Vous ne voudrez peut-être pas sauter dans le code et ajouter ces pauses. C'est bien, car vous pouvez, en effet, ajouter un saut de ligne dans Dreamweaver sans recourir à la vue code.
Ajoutez un saut de ligne dans le mode Création de Dreamweaver:
- Placez votre curseur là où vous souhaitez que la nouvelle ligne commence.
- Maintenez le touche Majuscule et appuyez sur Entrer.
C'est ça! Le simple ajout de la touche "shift" avec le [ENTER] ajoutera un
au lieu d'un nouveau paragraphe. Alors maintenant que vous savez comment c'est, vous devriez vous demander où l'utiliser et où l'éviter. Rappelles toi, HTML est destiné à créer la structure d'un site, pas l'apparence visuelle. Vous ne devez 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ù utiliseriez-vous un
tag est lorsque vous n'avez besoin que d'un seul 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
Ligne d'adresse
Ville, État, ZIP.
Ce code pour l'adresse est un seul paragraphe, mais visuellement, il afficherait les trois lignes sur des lignes individuelles avec un petit espace entre elles.