ウェブデザインやフロントエンド開発（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で調整できますが、実際にはウェブサイトの可読性を考慮して段落間にスペースを入れたいと思っています。一行と線の間に幅の広い間隔を置かない場合は、ENTERキーを使用したくない場合は、その行を個々の段落にしないでください。
新しい段落を開始したくないこれらの時代には、
HTMLのタグ。これは時には
。具体的には、XHTMLのバージョンではすべての要素を閉じる必要がありました。そのシンタックスの末尾にある/は、
タグには独自の終了タグがありません。これはすべてうまくいきますが、Dreamweaverのデザインビューで作業しています。コードにジャンプしてこれらのブレークを追加したくないかもしれません。コードビューに頼らなくても、実際にDreamweaverで改行を追加することができます。
Dreamweaverのデザインビューで改行を追加する：
- 新しい行を始める場所にカーソルを置きます。
- 押さえつける シフトキー プレス 入る.
それでおしまい！ shiftキーとENTERキーを簡単に追加すると、a
新しい段落の代わりに。これがどのようになっているかを知ったら、どこで使用するのか、どこで避けるべきかを考慮する必要があります。 HTMLは、視覚的な外観ではなく、サイトの構造を作成するためのものであることを覚えておいてください。あなたは複数の
タグを使用して、デザイン内の要素の下に垂直スペーシングを作成します。
これが、パディングとマージンのためのCSSプロパティです。あなたがどこで
タグは、単一行の改行が必要なときです。たとえば、郵送先住所をコーディングしていて、段落を使用することに決めた場合は、
このようなタグ：
会社名 このアドレスのコードは単一の段落ですが、視覚的には3行を個々の行に表示し、その間に小さなスペースを入れます。
住所欄
市、都道府県、郵便番号
