TAILIEUCHUNG - HTML in 10 Steps or Less- P21

HTML in 10 Steps or Less- P21:p Welcome to HTML in 10 Simple Steps or Less. Our mission in writing this book is to provide a quick and accessible way for you to learn Hypertext Markup Language — the lingua franca of the World Wide Web. We hope this book provides a resource that beginning and intermediate HTML coders can use to improve their Web development skills. It is also our hope that it fills multiple roles as both a teaching tool and a reference once you expand your skills. | 376 Part 14 Inserting an Image Inserting an image is as easy as issuing the proper command and selecting an image. All the requisite code is inserted for you. note Selecting an image makes a preview appear within the Tag Editor - IMG dialog box. 1. Click within your existing code at the point where the image should appear. 2. Choose Tags Image. The Tag Editor - IMG dialog box opens see Figure 175-1 . Figure 175-1 Choosing an image and setting its attributes in the Tag Editor - IMG dialog box rautrnn Don t enter Width and Height values that differ from your image s actual dimensions. To change an image s size resize it in an image-editing program. 3. In the IMG Tag tab click the Source box and type the pathname of the image you want to insert. To avoid mistakes click the Folder button at the end of the field and browse for the image. Doing so opens the Open dialog box. 4. Enter any text to appear when you hover the mouse over an image or to accommodate browsers that don t show graphics in the Alt Text field. 5. Give your image a Name to make it easier to spot code references to it. This is not the same as the image filename. 6. Choose a Border thickness enter a number of pixels if you want a frame around your image. 7. Choose a Left Right Top Middle Bottom align setting. 8. If you want to add any white space around the image enter values in the HSpace space above and below the image and VSpace space to the left and right of the image fields. Please purchase PDF Split-Merge on to remove this watermark. Working with HomeSite 377 9. Click the Browser-Specific tab to check for any settings that you can establish for particular browsers or versions of browsers see Figure 175-2 . Figure 175-2 Dealing with browser-specific issues for your image 10. Click OK to insert the image and generate the code behind the scenes see Figure 175-3 . Figure 175-3 Code generated from choices made in the Tag Editor - IMG dialog box tips Press Shift Ctrl I to open the Tag .

TỪ KHÓA LIÊN QUAN
TÀI LIỆU MỚI ĐĂNG
TAILIEUCHUNG - Chia sẻ tài liệu không giới hạn
Địa chỉ : 444 Hoang Hoa Tham, Hanoi, Viet Nam
Website : tailieuchung.com
Email : tailieuchung20@gmail.com
Tailieuchung.com là thư viện tài liệu trực tuyến, nơi chia sẽ trao đổi hàng triệu tài liệu như luận văn đồ án, sách, giáo trình, đề thi.
Chúng tôi không chịu trách nhiệm liên quan đến các vấn đề bản quyền nội dung tài liệu được thành viên tự nguyện đăng tải lên, nếu phát hiện thấy tài liệu xấu hoặc tài liệu có bản quyền xin hãy email cho chúng tôi.
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.