Wrap Text Around Images in HTML

Wrap text around images in HTML

To wrap text around images is an essential skill to learn for nice looking HTML page layouts. There are two common methods explained here for wrapping text around images in HTML: The image attribute method and the table alignment method. You can also use CSS to wrap text around images explained here >>. The first method called the image attribute […]

Wrap Text Around Images Using CSS Float and Padding

Wrap text around images using CSS

Here, two methods are explained for wrapping text around images in CSS. The first method explained below is the CSS image float method. This method is used to align a stand-alone image with a paragraph of text where no captions are necessary to accompany the image. The second method, explained on page 2, is the […]

How to Add Cool Website Bullets on a Web Page

Free Web Bullets

It’s really easy to add cool website bullets and arrows to a web page. Bullets are great for adding emphasis to blocks of text and can really draw the reader’s attention to important information. I use bullets frequently in my Word documents and on live web pages. I think you’ll find some of the following […]

CSS DIV Float Method to Wrap Text Around Images

CSS DIV float to wrap text around an image

On the previous page I explained the CSS image float method to wrap text around a stand-alone image. The CSS DIV float method explained here is another way to wrap text around an image. By using the DIV to contain an image it will also allow flexibility to add captions. Remember this is a DIV […]

Make HTML href target blank

Use the following code for target blank: target=“_blank” What does Target Blank do? This HTML is used to make a hyperlink location open in a new browser window or a new tab depending on the browser, version or user settings. When the user clicks on the link a new browser window will open in a […]

How to Use HTML Image ALT Tags

How to use HTML ALT image tags and their purpose. What image ALT tags do. HTML ALT image tags are short for Alternate Text for Images and they are actually an “attribute” of the HTML image <IMG> tag. That’s why it’s better to refer to them as Attributes and not tags. It is an essential label for describing the specific purpose of […]

Add a Style to Table TD Tags using CSS Class

Simple instructions for adding CSS Styles to HTML table TD tags using CSS class: 1. Find the table you wish to apply a TD CSS Class to. Here is a simple table example: <table border=”2″ bordercolor=”#cccccc”> <tr> <td>Your content text is here!</td> </tr> </table> 2. Locate your <td> tag inside your table tag that you want to apply a style to: <table […]

Make Embedded CSS Styles

Making embedded CSS styles is a fairly simple process – All this means is that you are going to define your CSS styles at the top or your HTML source code before the closing </head> tag. You may also be interested to know that styles can be defined as inline styles or as embedded within an external style sheet […]

How to Link Text Using Dreamweaver

Linking HTML text using Dreamweaver is very simple: An HTML hyperlink is also known as an anchor or anchor text. It can be used to link text and/or images to other web pages or resources found on the Internet or within a local directory. In Dreamweaver, they refer to it as a “Link” in the Property Inspector. Linking text […]

Make an External Style Sheet File (.css file extension)

How to make an external style sheet file: Things you will need include the code you place inside the <HEAD></HEAD>of your website pages, a text file, style sheet code for your text file, and an FTP connection to your website. All of this is explained below. Steps to make a .CSS file on Windows 1. […]

Remove a Linked Image Border Using CSS to Fix Border Attribute

These simple instructions show how to remove a linked image <img> border using CSS by setting the border attribute. A common occurrence with linking images in HTML is that it leaves a blue border. This can be corrected using the image border attribute… <img src=”monkey.gif” width=”50″ height=”50″ border=”0″> This gets kind of tiresome having to always […]

How to Use HTML Comment Tag Code to Comment Something Out

The syntax for commenting something out inside HTML source using HTML Comment Tag Code. To comment something out using the comment tag simply apply the following: < ! – –Your source comment, text or script you want to hide goes here. It will be hidden from users viewing your page unless they view the HTML […]

How to use CSS for spacing between letters

How to use CSS letter-spacing to create space between letters on a web page. In print, this effect is called tracking which means the spacing between letters. Positive values increase spacing among letters and negative values decrease the space. The values can be expressed in px or em, like p {letter-spacing: 1em;} or h2 {letter-spacing: 1px;} – – px are absolute values that are fixed. em creates relative proportional […]

The Code for a PHP Include Text File

What’s the code used in HTML for a PHP include file? The code used in HTML to reference a PHP include file is as follows: <?php include(“file.inc“); ?> Include files are used for various purposes. A very common use of include files is for creating a website’s header and footer. This allows the ability to make sitewide changes to […]

Add a Background Image to a Table in HTML or CSS

Described below are the TD and CSS approaches for adding a background image to a table in HTML: The TD background method is shown below <td background=”yourbackground_image.gif”> Background applied to left-side column only in an actual table: <table> <tr> <td background=”yourbackground_image.gif”> Left-Side Column </td> <td> Right-Side Column </td> </tr> </table> CSS Table Background Image <table> […]