Rabu, 05 Juni 2013

How to Make a Data Table Online

How to Make a Data Table Online

Data tables list various information in columns and rows for easy reading. The data is usually partly numerical with text labels. An example is a data table that shows how many calories someone eats each day.Making a data table online can be done with HTML or the more complex CSS browser language. The final table looks just like a data table created in a spreadsheet or on paper. The only difference is the background coding, which is not seen unless looking at the source code. The coding can be created by HTML editors, text, or other ways. There are many sites online that offer the ability to enter data, set a few attributes and create all of the table coding for you. Online data tables are usually used as part of a Web page. Data tables are often used to create lists of items with categories, such as items for sale. Some Web pages use them to show statistics for information. While data tables can be used offline for printing or in reports, it is usually better to use spreadsheet software, such as Microsoft Office Excel, which offer many more features for working with data.This guide shows how to create an HTML data table with Notepad.

Instructions

Instructions

    1

    Open an HTML editor or just an ordinary Notepad text document to enter HTML code. Notepad works well if you are accustomed to HTML coding. HTML editors make repetitious tasks faster, but some, like Frontpage, add extra, unnecessary coding that can slow Web pages down. The best thing to do is code with an HTML editor first, then go back and edit the code by hand to clean it up.

    2

    Decide the table attributes for the border, width, background color and font colors. You need to take into account the Web page layout, width, colors and other attributes to make the table easily readable. You also need to decide on how many rows and columns are needed for the data. Begin defining the table attributes. (Our example shows the number of calories eaten at lunch and dinner on each weekday. We need three columns (Day, Lunch and Dinner) and seven rows (two for labels and one for each weekday).

    3

    Add a border around the table and data cells. Borders separate the data into cells for easy viewing. It is measured in pixels and can be given a value of 0 to not use them. A one or two-pixel border is generally fine. The tag for the border is (bgcolor=border="CHOSEN_BORDER_WIDTH"). The border color can be changed with the tag (bordercolor="CHOSEN_COLOR"), which utilizes the basic colors terms, such as red or black or six-digit hexadecimal color codes. Hexadecimals offer more colors. (Our example uses border="2" and bordercolor="black".)

    4

    Determine the width of the whole table. It is measured in pixels or percent of screen size. Pixels are definitive and percentages allow the table to adjust to different screen sizes. Try to judge the width based on the width of the data across the rows. If you later find out the table is too thin or wide, it can be changed. (Our example uses width="175")

    5

    Set the background color of the data cells. It is different than the background color of the page, which can offer good contrast. The tag is (bgcolor="CHOSEN_COLOR"), just like the border color. (Our example uses bgcolor="white")

    6

    Set the font color of the text in the cells. Make sure the color contrasts well with the background, so it is easily readable. Light on dark or dark on light always work best. The tag is (font="CHOSEN_COLOR"). (Our example is font="black", which contrasts well with the white background.)

    7

    Write out the complete table tags between a left and right arrow with a space between tag attributes and beginning with the table tag in front. The order of the tags does not matter, as long as "table" is out front. (Our example is

    )

    8

    Determine the column widths. The width of each column depends on the width of the whole table. Take the table width and divide it by the number of cells to get evenly sized columns. If necessary, adjust the column widths, but the total cannot exceed the table width. When one cell width changes, the other cells need to be adjusted to total the table width. (Our example has a width of 175 and three columns per row, so an even-split of about 59. The actual split is 70, 60, 40.)

    9

    Begin adding your data. First, begin a new line and add a table row with the code (

    ). Next, add a table data tag (". The bordercolor tag is used to specify the cell border color, if desired. If it is left out, the default table bordercolor is used. (Our example's first cell code is "")

    10

    Repeat creating table data cells, each on a new line, until all cells in the row are complete. Then end the row with the tag (

    ). Begin the next row with the same process, starting with the () tag again.

    11

    Close the table code. First, end the font with the "" tag and then the table with the with "

    ). Enter your data for the cell; use the code () to represent blank cells. Close the cell with the tag "
    " tag. (Our final table code, if ended after the first row, is below.)
    CALORIES



  • To make a data table. (Tables, Charts, And Graphs). - Free Online ...

    www.thefreelibrary.com/To+make+a+data+table.+(Tables%2c+Charts%2c...

    27/09/2002 Free Online Library: To make a data table. (Tables, Charts, And Graphs). by "Science World"; Science and technology, general Education Data collection ...


  • How to Make a Data Table Online eHow

    www.ehow.com/how_4480534_make-data-table-online.html

    Data tables list various information in columns and rows for easy reading. The data is usually partly numerical with text labels. An example is a data table that ...


  • Create Tables - Free HTML Table Tutorial

    www.2createawebsite.com/build/table_tutorial.html

    ... <table> and the table row and table data tags - and Make Money Online; About / Contact;


  • Create a table - Access - Office.com - Microsoft Home Page ...

    office.microsoft.com/en-us/access-help/create-a-table-HA001224251.aspx

    ... you store your data in tablessubject-based lists that ... set the field's data type to AutoNumber to help make sure that it meets the three ...


  • How To Make A Data Table For Your Web Page Web Design Training

    www.joyofcode.com/tutorials/how-to-make-a-t

    In This Tutorial, I Show You How To Make A Data Table For Your Web Page. ... Copy and paste the above list code in the box below or feel free to write your own code.


  • What is a Data Table - Ask.com

    www.ask.com/question/what-is-a-data-table

    You can make a data table using an application called Microsoft Excel. ... Make a Data Table Online Make a Data Table. Data Table Making Create a Data Table in Excel


  • How do you make a data table online - The Q&A wiki

    wiki.answers.com/Q/How_do_you_make_a_data_table_online

    Answer Well you would go on google and type in how to make a data table online and some results would come up and you can pick which one you want to do! hope i could ...


  • How to Create HTML Tables

    www.2createawebsite.com/build/table_generator.html

    Table Generator to create tables. Home; Create Your Website; My Blog; Web Design Tips; WordPress Tips; ... Make Money Online; About / Contact; Search This Site ...


  • How to Make a Math Table Online eHow

    www.ehow.com/how_5045601_make-math-table-online.html

    How to Make a Math Table Online. There are many types of math tables available that help students remember basic concepts. ... How to Make a Data Table Online.


  • Table Maker - Bagism

    www.bagism.com/tablemaker

    Make Tables for Netscape & Other Browsers Easily! Just fill in your preferences for the table you want to make (only the DATA field is absolutely required) and then ...


  • Creating a Data Table - University of Washington

    www.washington.edu/accessit/webdesign/student/unit2/module5/lesson...

    Lesson 1: Creating a Data Table Overview. ... Resources/Online documents. Common HTML Tags; W3C HTML 4.01 Specification; WDG Guide to HTML; All done?


  • How to create a data table in MS Word - YouTube

    www.youtube.com/watch?v=6e_a6sOnN1oBy wssd101 5 min 8,447 views Added 18/10/2011

    How to create a data table in MS Word ... 4:26 Microsoft Word: Making a Table/Chart by panthers4me 12,417 views 4:03 Microsoft Excel 07 ...


  • Excel 2007 to 2013 Tutorials - Data Tables

    www.homeandlearn.co.uk/excel2007/excel2007s7p1.html

    Free computer Tutorials. HOME . Search Home and Learn: Microsoft Excel 2007 to 2013 Data Tables in Excel. ... Let's make a start then.


  • How to Make a Table: 14 Steps - wikiHow

    www.wikihow.com/Make-a-Table

    How to Make a Table. Making a wooden table is a great entry level project for the ... You can purchase and download table plans online that usually include fully ...


  • Creating the Data Table in Excel, Page 6 - Free Microsoft Excel ...

    spreadsheets.about.com/od/datamanagementinexcel/ss/080608_database...

    This step in the tutorial covers creating the data table in Excel. Page 6. Computing; Spreadsheets. Search. Spreadsheets; ... Excel Data Management: Free Email Course ...


  • How to create and use two-input data tables in Microsoft Excel

    support.microsoft.com/kb/282856

    03/01/2007 Describes how to create and use two-input data tables in Excel.


  • Create a Data List in Excel 2003 - Free Microsoft Excel ...

    spreadsheets.about.com/od/datamanagementinexcel/ss/create_list_2.htm

    This step provides an overview of lists and tables of data in Excel. ... Excel Data Management: Free Email Course; Most Popular. Excel Formulas Step by Step Tutorial;


  • Tutoring to Enhance Science Skills Tutoring Two: Learning to Make ...

    www.sedl.org/afterschool/toolkits/science/pdf/ast_sci_data_tables... PDF file

    Tutoring to Enhance Science Skills Tutoring Two: Learning to Make Data Tables.....


  • Microsoft Access: How to Create a Database - YouTube

    www.youtube.com/watch?v=v2R3x9NWOD0By AlisonOnlineCourses 11 min 155,459 views Added 22/11/2010

    Study this free course by registering at: ... Access Create Database, Import Table, Create Table, Data Validation For Table by ExcelIsFun 31,055 views


  • HowStuffWorks "How to Make a Data Table"

    computer.howstuffworks.com/how-to-make-data-table.htm

    Find out how to make a data table in this article from HowStuffWorks. Adventure; Auto; Culture; Entertainment; Home & Garden; ... but some of those online sites can ...

Tidak ada komentar:

Posting Komentar