项目介绍

List and Table Elements of HTML

The George Washington University

Computer Science 1023

Professor Brenner (nbrenner@gwu.edu)

The HTML tags for arranging items vertically and horizontally are call the List and Table elements.    Full description of them is given in the www.w3schools.com website.   In brief, the list tags arrange items vertically, and mark them off with a bullet or number.   The table tags arrange items both vertically and horizontally, with optional cell borders.   Note that a vertical table with only one column is similar to a list without bullet or number markers.

Lists must be enclosed in tags:

<list>  … [One or more list items go here]  </list>

List items must be enclosed in tags:

<li>   … [Any HTML code may go here: text or image or whatever]

</li>

Lists can be unordered (marked by bullets) or ordered (numbered or lettered in sequence).   The former lists are marked by <list></list> or by <ul></ul>, while the latter are delimited by <ol></ol>.   The list item tag and format is the same for both kinds of list.   Lists may be nested, if desired.

Delimiting the beginning and end of a rectangular table:

<table bgcolor=”EAF8FF” width=”75%” border=1 cellspacing=2   cellpadding=10>

  … [One or more table rows go here]

</table>

All of the attributes shown inside the <table> tag are optional.   But it is strongly recommended that a border of 1 be drawn initially so that the data cells will stand out clearly.  It can be set to 0 once the table looks right.

Delimiting the beginning and end of a table row:

<tr>   …  [One or more datacells go here] </tr>

Delimiting the beginning and end of a single datacell:

<td bgcolor=”white” align=”center” colspan=”3” rowspan=”2”>

  … [Any HTML code may go here: text or image or whatever]

</td>

In practice, the closing tags for list item (</li>), table row (</tr>) and table datacell (</td>) are not needed, since opening the next one will close the previous one.   However, the closing tags for a list (</list>, </ul>, or </ol>) and for a table (</table>) are definitely required.

Laboratory:  Make a fair copy of the page

https://www.cand.uscourts.gov/calendars/court-holidays/

or, optionally, for a more advanced page,

     https://www.opm.gov/policy-data-oversight/pay-leave/federal-holidays/#url=2020

适用场景：

毕业论文、课程设计、公司项目参考

运行截图

关注【程序代做 源码分享】公众号获取更多免费源码！！！