Adding paragraphs and line breaks in Java

Print QR Code in Java Adding paragraphs and line breaks

When you create page designs for the Web, you must work within many limitations that may seem confusing at first Web design and print design are fundamentally different, and that can make even seemingly simple tasks more complicated than you might expect How you create paragraph and line breaks is a good example

Figure 2-6: With HTML selected, the Property inspector provides easy access to common HTML formatting features, such as the heading tags

If you re working in design view in Dreamweaver and press the Enter key (Windows) or the Return key (Mac), Dreamweaver inserts a paragraph tag, or <p>, in the code, which creates a line break followed by a blank line If you want a line break without the extra blank line, hold down the Shift key while you press Enter (or Return) to get Dreamweaver to insert the <br /> tag into the code, creating a single line break If you want to add a lot of space, you re best option is to use CSS to create a page layout with the spacing and alignment options you desire (I cover CSS in s 5 and 6) If you re working in code view and add space using the Enter or Return key, you add blank space within the code Extra space in HTML code can be useful because extra space can make code easier to read, but it doesn t affect the way a page displays in design view or in a Web browser

Dreamweaver gives you many options to maintain formatting when you copy and paste text from another program You can change the default

for how Dreamweaver handles formatting when you choose Edit Paste and alter the Preferences in the Copy/Paste category And you can choose Edit Paste Special to have all the options available each time you paste new content Here are your four main options (and two ways to refine your choice): Text Only: Dreamweaver strips any formatting and inserts plain text Text with Structure: Dreamweaver includes paragraphs, lists, tables, and other structural formatting options Text with Structure Plus Basic Formatting: Dreamweaver includes structural formatting as well as basic formatting, such as bold and italic Text with Structure Plus Full Formatting: In addition to the previous options, Dreamweaver includes formatting created by style sheets in programs, such as Microsoft Word Retain Line Breaks: Line breaks are preserved, even if you don t keep other formatting options Clean Up Word Paragraph Spacing: This option addresses a common problem with the way Microsoft Word s paragraph spacing is converted when content is pasted into an HTML file I cover formatting text in 5 because you need to understand some basics about CSS to best format text in a Web site You find instructions for adding other content, such as images and links, to your page, in the upcoming sections

Now for the fun part Adding an image to your Web page may seem almost magical at first because it s so simple with Dreamweaver The challenge with Web graphics isn t adding them to your pages but creating good-looking images that load quickly in your viewer s browser You need another program, such as Photoshop or Fireworks, to create, convert, and edit images Dreamweaver just lets you place the images on your page For more information on finding and creating images, as well as keeping file sizes small, see 3 For now, I assume that you have a GIF or a JPEG image file ready and that you want to insert your image into your page The two most common image formats you can use on your Web page are GIF and JPEG (which is often shortened to JPG), but the PNG file is increasingly used today because it s superior to the GIF format Warning: PNG isn t fully supported in very old versions of some Web browsers For the exercise that follows, you can use any image in GIF, JPEG, or PNG format