Sunday, 9 December 2018

Creating Long Tables in html using css

Creating Long Tables in html using css

<html>
<head>
<title>Long Tables</title>
<style type="text/css">
table {
border: none;}
thead th {
border-bottom: 2px solid #444444;
width: 120px;}
tfoot td {
border-top: 1px solid #444444;}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>Date</th>
<th>Income</th>
<th>Expenditure</th>
</tr>
</thead>
<tbody>
<tr>
<th>1st January</th>
<td>250</td>
<td>36</td>
</tr>
<tr>
<th>2nd January</th>
<td>285</td>
<td>48</td>
</tr>
<tr>
<th>3rd January</th>
<td>260</td>
<td>42</td>
</tr>
<tr>
<th>4th January</th>
<td>290</td>
<td>38</td>
</tr>
<tr>
<th>5th January</th>
<td>310</td>
<td>115</td>
</tr>
<tr>
<th>6th January</th>
<td>168</td>
<td>14</td>
</tr>
<tr>
<th>7th January</th>
<td>226</td>
<td>20</td>
</tr>
<tr>
<th>8th January</th>
<td>253</td>
<td>37</td>
</tr>
<tr>
<th>9th January</th>
<td>294</td>
<td>33</td>
</tr>
<tr>
<th>10th January</th>
<td>216</td>
<td>46</td>
</tr>
<tr>
<th>11th January</th>
<td>244</td>
<td>29</td>
</tr>
<tr>
<th>12th January</th>
<td>297</td>
<td>32</td>
</tr>
<tr>
<th>13th January</th>
<td>328</td>
<td>86</td>
</tr>
<tr>
<th>14th January</th>
<td>215</td>
<td>38</td>
</tr>
<tr>
<th>15th January</th>
<td>254</td>
<td>30</td>
</tr>
<tr>
<th>16th January</th>
<td>256</td>
<td>27</td>
</tr>
<tr>
<th>17th January</th>
<td>311</td>
<td>68</td>
</tr>
<tr>
<th>18th January</th>
<td>212</td>
<td>39</td>
</tr>
<tr>
<th>19th January</th>
<td>234</td>
<td>36</td>
</tr>
<tr>
<th>20th January</th>
<td>221</td>
<td>43</td>
</tr>
<tr>
<th>21st January</th>
<td>259</td>
<td>38</td>
</tr>
<tr>
<th>22nd January</th>
<td>246</td>
<td>31</td>
</tr>
<tr>
<th>23rd January</th>
<td>248</td>
<td>17</td>
</tr>
<tr>
<th>24th January</th>
<td>229</td>
<td>45</td>
</tr>
<tr>
<th>25th January</th>
<td>263</td>
<td>34</td>
</tr>
<tr>
<th>26th January</th>
<td>258</td>
<td>41</td>
</tr>
<tr>
<th>27th January</th>
<td>283</td>
<td>22</td>
</tr>
<tr>
<th>28th January</th>
<td>256</td>
<td>30</td>
</tr>
<tr>
<th>29th January</th>
<td>278</td>
<td>47</td>
</tr>
<tr>
<th>30th January</th>
<td>251</td>
<td>15</td>
</tr>
<tr>
<th>31st January</th>
<td>129</td>
<td>64</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td>7824</td>
<td>1241</td>
</tr>
</tfoot>
</table>
</body>
</html>

output:

what is structure of html page    simple first program of html code    what is superscript and subscript in html    how can use strong tag in html pages    how can use strikethrough in html page    how can use quotations tag in html page    how can use paragraphs tag in html page    how can use line breaks tag in html code    how can use italic tag in html page code    how can use insert and delete tag in html    how can use horizontal rules in html    how can use headings tag in html    how can make simple text web page cod    how can write emphasis in html page code    how can write definitions in html page    how can write citations in html page    how can use bold tag in html page    how can write address in html page    how make abbreviations and acronyms in html    an example of lists in html full code    create unordered lists in html code    create ordered lists in html code    create nested lists in html code    create definition lists in html    how can opening links in newwindow    how can create more links in web page    how can linking to other sites in web    create linking to other pages on same    create linking to specific part of page    how links email from web page    how create abou html web-pageand like html    a simple html example where usemultiply tag    how can set height and width of images    how can aligning images vertically in html    how can aligning images horizontally in html    adding image in html code    a simple tables example of html    how can test width and spacing in html    create table with table headings in html    create table with spanning rows in html    create table with spanning columns in html    creating long tables in html using css    create table in html file with border    basic table structure in html code    creating text input box in html code    creating textarea box in html code    create submit button in html code    create radio button in html code    create password input box in html code    make multiple select box in html5 code    how use labelling form controls in html    how make image button in html5-code    how input url in html5    how use html5 search input box    create placeholder in html5    how create validation form in html5    how input email in html5 code    how date input in html5 code    html code to grouping form elements    form structure in html code    create file input box in html code    how create user review forms in html    create drop down list box in html code    how create checkbox in html    how use button and hidden controls in html    learn how write meta data description    learn how use inline elements in html    learn how use iframes continued in html    source code how use iframes in html page    how use id attribute in html program    grouping inline elements in html    grouping block elements in html program    a example of book publication    how use comments in html program    how use class attribute in html    creating block elements in html web page    adding multiple video sources in web page    adding multiple audio sources in web page    adding multiple flash video and audio    adding html5 video in webpage code    adding html5 audio in webpage code    adding flash video in webpage code    adding flash mp3 player in webpage    how can adding flash movie    use css with in html code    using external css in web page    how can use css inside box without box    how can use css inside box in html    html program use in inheritance    html program to use css in html page    a html program using with css selectors    how css rules cascade in html programs    creating opacity using html program    hsla html program using css    a html program set more foreground    html program using more color in    html program set background color using css    how text and image vertical align in web page    html program to understanding font    text transform in html program using css    setting of text shadow in html program    how set text indent in html program    html source code with text decoration    html source code with text align     html-program that has no style.html    html source code make link visited    html source code that set line-height    an example of html that letter and word    how active focus in html from css    how set font weight in html from css    a html source code thatset font style    a html example that set font size from    html code that change font family    html code for font face that decorate text    an example of html page show content in    an example of html source code for text    create display in html    how to create elliptical shapes in html    a good example of html pages    how set margin in html    how set min height max height in html    how set min width max width in webpage    creating overflow html page    creating padding in html page using css    creating visibility in html page using    using html create white space vertical    create html page using white space    create html page using css with width    how set border color in html    how set border image in html    how set border radius in-html    how set border shorthand in html    how to set border style in html    how to set border style in html    how set border width in html    creating box shadow in html    learn how to centering content in html    creating normal flow layout in html    creating absolute positioning html    creating fixed positioning html page    creating html page with relative    using float to place elements side by    how create html page without z-index    creating html page using z-index    creating html page using styling    creating html page using styling    creating html page using styling text    creating beautiful table with    how make three column layout in html    how make two column layout in html from    example of layout in html from css by    how create fixed width layout in html    create float layout from css in html    set parent float layout in html from css    parent float layout solution in html    creating grid layout in html from css    creating liquid layout in html from css    how set layout html page use multiple    how make multiple style sheets link-in    centering images from css in html    background shorthand in html    how use background repeat in html    background position set in percentage    set background position in html from css    set background image element in html    set background image in body from css    background attachment from css in html    set aligning images in html from css    set image sizes from css in html    image rollovers and sprites in html    using gradient in html from css    image gallery examples of html and css    how to create website page with css     learn advanced html5

0 comments:

Post a Comment