Rows in Table Lists for Web Design

Rate: (0 Ratings)

Part of the video series: Basic HTML for Web Design

Summary: Making lists on a web page in HTML with the table function makes each entry on the list a row. Code rows in tables on an HTML website with a professional designer in this free web design video.

Views:: 152

Presenter

By Bobbi Lindaman
eHow Presenter

Bobbi Lindaman has a BFA in visual communications and studio art. She has more than eight years experience in print and web design and is also the owner of Lucky Lindy Designs.read more

URL:

Embed:

Video Transcript

"We're still working on our table list. Let’s keep going. So I've got my table started. And I've defined my background color. And there's no cells spacing, so that means that the boxes will line right up against each other. And there's also no border. So now I’m going to start doing. I'll do my table rows. And then there's going to be nothing to the table row. I'll just do my table column. Do td, and do content in that one. And that one I'm not going to define a color on, because it'll just be the background color. Then I'll do another table row. Another table column. This one I will define a color. So I'll give this one a background color of let’s do. And give this some content. Now if I just copy and paste this, you'll kind of be able to get the just off the table. So, and then we need to close off our table bracket. Save this and then go over to the website. And see, now we have a table with alternating colors that's just a list. And I can go back in and define table width and height if you want your, your list to go out further than that. But we'll look into that next."