ウェブデザインやフロントエンド開発（HTML、CSS、Javascript）が初めての方は、WYSIWYGエディタを使い始めることができます。 この頭字語は、「あなたが見るものはあなたが得たもの」を意味し、基本的には、ビジュアルツールを使用してWebページを作成し、作成中のものに基づいてシーンの裏にコードを書き込むソフトウェアを指します。 利用可能な最も一般的なWYSIWYGツールは、間違いなくAdobeのDreamweaverです。
Dreamweaverはちょうど始まるそれらのためのよいオプションです
Dreamweaverの洗練されたスキルを身につけた多くの経験豊富なWebプロフェッショナルが、 HTMLのマークアップとCSSスタイルを豊かに生み出す傾向がありますが、Webサイトデザインを始めたばかりの方にとって、プラットフォームは良い選択肢です。 Dreamweaverの「デザインビュー」オプションを使用してWebページを作成する際には、そのビューのコンテンツに対して1行の改行を作成する方法があります。
HTMLテキストをWebページに追加すると、Webブラウザはそのテキストをブラウザウィンドウまたはそのコンテナ要素の端に達するまで長い行として表示します。 その時点で、テキストは次の行に折り返されます。 これは、Microsoft WordやGoogle Docsのようなどんなワープロソフトウェアでも起こることに似ています。 テキストの行に水平線に余分な余地がない場合は、折り返して別の行を開始します。 それで、改行がどこで分かるかを指定したい場合はどうなりますか？
Dreamweaverのデザインビューで[ENTER]キーを押すと、現在の段落が閉じられ、新しい段落が開始されます。 視覚的に言えば、これは、これらの2本の線が少しの垂直間隔で分離されていることを意味します。 これは、デフォルトでは、HTML 段落には段落の末尾に適用されるパディングまたは余白 （ブラウザ自体に依存する）がその間隔を追加するためです。
これはCSSで調整することができますが、実際にはウェブサイトの可読性を考慮して段落間にスペースを入れたいと思っています.1行と行間に縦方向の間隔を広げたくない場合は、[ENTER]あなたがそれらの行を個別の段落にしたくないからです。
新しい段落を開始したくないこれらの時代には、HTMLに
タグを追加します。 これは時には
と書かれています。 具体的には、XHTMLのバージョンではすべての要素を閉じる必要がありました。
タグには独自の終了タグがないため、そのシンタックスの末尾には要素が自動的に閉じられます。 これはすべてうまくいきますが、Dreamweaverのデザインビューで作業しています。 コードにジャンプしてこれらのブレークを追加したくないかもしれません。 コードビューに頼らなくても、実際にDreamweaverで改行を追加することができます。
Dreamweaverのデザインビューで改行を追加する：
- 新しい行を始める場所にカーソルを置きます。
- シフトキーを押しながら[ENTER]を押します。
それでおしまい！ [shift]キーと[ENTER]キーを簡単に追加すると、新しい段落の代わりに
が追加されます。 これがどのようになっているかを知ったら、どこで使用するのか、どこで避けるべきかを考慮する必要があります。 HTMLは、視覚的な外観ではなく、サイトの構造を作成するためのものであることを覚えておいてください。 複数の
タグを使用してデザイン内の要素の下に垂直スペーシングを作成しないでください。
これが、パディングとマージンのためのCSSプロパティです。
タグを使用する場所は、単一行の改行が必要な場合です。 たとえば、郵送先住所をコーディングしていて、段落を使用することに決めた場合は、次のように
タグを追加できます。
会社名
住所ライン
市、州、郵便番号
このアドレスのコードは単一の段落ですが、視覚的には3行を個々の行に表示し、その間に小さなスペースを入れます。