-
Step 1
Insert the content of your website as normal. This includes text, images, videos and other pieces of information. Then determine the locations where you want to add your line bars. You can use any of the following methods to create line bars that run across or up and down the page.
-
Step 2
Create a table using HTML. When you use this method, you can easily change the length, height, positioning (left, right or center aligned) and color of the line. If you want a vertical line, just add a "height" attribute to your "table" tag. Scroll to "References" and click on "Table Code" to view the full HTML code for a table that looks like a line.
-
Step 3
Create a line in Adobe Photoshop or another image-editing program. Simply use the "Line Tool" to create a straight line across a blank document. Change the color according to your preferences. Then save the file as a .JPG or .GIF file and insert it as an image to the area where you want the line bar to be displayed (use the "img src" tag).
-
Step 4
Use the underscore on your keyboard ("_") repeatedly for a simple, thin line bar on your website. To change the color of this line bar, use the "font color" tag in HTML. Enclose the line in "bold" tags (<b>) if you want it to be slightly thicker. This is only good for a horizontal line---doing this vertically could cause problems in your HTML code, and you won't be able to position it optimally on your page with other elements.
